mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 15:27:52 +00:00
make header look wow
This commit is contained in:
@@ -239,62 +239,6 @@ export function TvoneAdBanner() {
|
||||
);
|
||||
}
|
||||
|
||||
const services = [
|
||||
{ icon: "truck", label: "Entrega gratuita" },
|
||||
{ icon: "return", label: "Devoluções fáceis" },
|
||||
{ icon: "shield", label: "Pagamento seguro" },
|
||||
{ icon: "headset", label: "Apoio 24/7" },
|
||||
];
|
||||
|
||||
function ServiceIcon({ name }: { name: string }) {
|
||||
const common = "h-6 w-6 text-neutral-600";
|
||||
switch (name) {
|
||||
case "truck":
|
||||
return (
|
||||
<svg className={common} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<path d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z" />
|
||||
<path d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0" />
|
||||
</svg>
|
||||
);
|
||||
case "return":
|
||||
return (
|
||||
<svg className={common} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth="1.5">
|
||||
<path d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
|
||||
</svg>
|
||||
);
|
||||
case "shield":
|
||||
return (
|
||||
<svg className={common} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth="1.5">
|
||||
<path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
||||
</svg>
|
||||
);
|
||||
case "headset":
|
||||
return (
|
||||
<svg className={common} fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth="1.5">
|
||||
<path d="M19 14v3a2 2 0 01-2 2h-2v-6h2a2 2 0 012 2zm-8 5H7a2 2 0 01-2-2v-3a2 2 0 012-2h2v7z" />
|
||||
<path d="M5 14v-1a7 7 0 0114 0v1" strokeLinecap="round" />
|
||||
</svg>
|
||||
);
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
export function TvoneServiceStrip() {
|
||||
return (
|
||||
<div className="border-y border-neutral-200 bg-[#f5f5f7] py-6">
|
||||
<div className="mx-auto flex max-w-[1200px] flex-wrap items-center justify-center gap-8 px-4 md:justify-between md:gap-4">
|
||||
{services.map((s) => (
|
||||
<div key={s.label} className="flex items-center gap-3 text-sm text-neutral-700">
|
||||
<ServiceIcon name={s.icon} />
|
||||
<span className="font-medium">{s.label}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function TvoneFooter() {
|
||||
return (
|
||||
<footer className="border-t border-neutral-200 bg-[#fafafa] py-12">
|
||||
|
||||
@@ -7,7 +7,6 @@ import {
|
||||
TvoneDestaques,
|
||||
TvoneFooter,
|
||||
TvoneMainColumns,
|
||||
TvoneServiceStrip,
|
||||
} from "./components/tvone-content";
|
||||
|
||||
export default function Home() {
|
||||
@@ -20,7 +19,6 @@ export default function Home() {
|
||||
<TvoneDestaques />
|
||||
<TvoneMainColumns />
|
||||
<TvoneAdBanner />
|
||||
<TvoneServiceStrip />
|
||||
<TvoneFooter />
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user