Compare commits
4 Commits
version_2_
...
version_3_
| Author | SHA1 | Date | |
|---|---|---|---|
| 6ef5d981c6 | |||
| dd81c1cede | |||
|
|
c4455351aa | ||
| 13453c8f81 |
@@ -14,10 +14,12 @@ import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
import ProductDiscoverySection from './HomePage/sections/ProductDiscovery';export default function HomePage(): React.JSX.Element {
|
||||
import ProductDiscoverySection from './HomePage/sections/ProductDiscovery';
|
||||
import ClientLogosSection from './HomePage/sections/ClientLogos';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<HeroSection />
|
||||
<ClientLogosSection />
|
||||
|
||||
<ProductsSection />
|
||||
<ProductDiscoverySection />
|
||||
|
||||
27
src/pages/HomePage/sections/ClientLogos.tsx
Normal file
27
src/pages/HomePage/sections/ClientLogos.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
import LoopCarousel from "@/components/ui/LoopCarousel";
|
||||
|
||||
export default function ClientLogosSection() {
|
||||
return (
|
||||
<section data-webild-section="client-logos" id="client-logos" className="relative w-full py-12 bg-background border-b border-background-accent overflow-hidden">
|
||||
<div className="w-content-width mx-auto mb-8 text-center">
|
||||
<p className="text-sm font-medium text-accent uppercase tracking-widest">
|
||||
Featured in top publications
|
||||
</p>
|
||||
</div>
|
||||
<div className="w-full">
|
||||
<LoopCarousel>
|
||||
<div className="flex items-center gap-16 md:gap-24 px-8 md:px-12">
|
||||
{["VOGUE", "GQ", "HARPER'S BAZAAR", "ELLE", "ESQUIRE", "VANITY FAIR", "HYPEBEAST", "HIGHSNOBIETY"].map((logo, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="flex items-center justify-center whitespace-nowrap text-2xl md:text-3xl font-bold text-foreground/30 hover:text-foreground/80 transition-colors duration-300 font-sans tracking-tighter"
|
||||
>
|
||||
{logo}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</LoopCarousel>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@@ -9,22 +9,22 @@ export default function ProductDiscoverySection() {
|
||||
{
|
||||
name: "Chaqueta Denim Oversize",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Zapatillas Urban Pro",
|
||||
price: "$120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-summer-hipster-clothes-posing-near-wall-sitting-floor_158538-9011.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-summer-hipster-clothes-posing-near-wall-sitting-floor_158538-9011.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Pantalón Cargo Minimal",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sudadera Essential",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg?_wi=1",
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
@@ -17,22 +17,22 @@ export default function ProductsSection(): React.JSX.Element {
|
||||
{
|
||||
title: "Denim Moderno",
|
||||
description: "Estilo urbano con el mejor ajuste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Calzado Premium",
|
||||
description: "Comodidad total en cada paso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-summer-hipster-clothes-posing-near-wall-sitting-floor_158538-9011.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-summer-hipster-clothes-posing-near-wall-sitting-floor_158538-9011.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Básicos Urbanos",
|
||||
description: "La pieza clave para tu outfit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-white-blouse-terracotta-pants-minimalist-setting_24972-2967.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Vestidos Elegantes",
|
||||
description: "Minimalismo para cualquier ocasión.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Relojería",
|
||||
|
||||
Reference in New Issue
Block a user