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() {
|
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">
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user