make header look wow

This commit is contained in:
2026-03-27 23:04:13 +01:00
parent 65b43cfa70
commit 4cb3ea8980
2 changed files with 0 additions and 58 deletions
-56
View File
@@ -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() { export function TvoneFooter() {
return ( return (
<footer className="border-t border-neutral-200 bg-[#fafafa] py-12"> <footer className="border-t border-neutral-200 bg-[#fafafa] py-12">
-2
View File
@@ -7,7 +7,6 @@ import {
TvoneDestaques, TvoneDestaques,
TvoneFooter, TvoneFooter,
TvoneMainColumns, TvoneMainColumns,
TvoneServiceStrip,
} from "./components/tvone-content"; } from "./components/tvone-content";
export default function Home() { export default function Home() {
@@ -20,7 +19,6 @@ export default function Home() {
<TvoneDestaques /> <TvoneDestaques />
<TvoneMainColumns /> <TvoneMainColumns />
<TvoneAdBanner /> <TvoneAdBanner />
<TvoneServiceStrip />
<TvoneFooter /> <TvoneFooter />
</div> </div>
); );