Update src/app/page.tsx
This commit is contained in:
298
src/app/page.tsx
298
src/app/page.tsx
@@ -31,89 +31,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "New Drops", id: "#products"},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "#lookbook",
|
||||
},
|
||||
name: "Collections", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "The Brand", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Community", id: "#reviews"},
|
||||
]}
|
||||
brandName="Atlas Rabbit"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Collection", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Atlas Rabbit"
|
||||
description="Not made for everyone. Exclusive streetwear for those who create their own trends."
|
||||
variant: "radial-gradient"}}
|
||||
tag="Summer 2025 Collection"
|
||||
title="Define Your Reality"
|
||||
description="Exclusive, limited-run streetwear engineered for the modern provocateur. High-performance fabrics meet avant-garde design language."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
{
|
||||
text: "View Lookbook", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-brunette-girl-wear-leather-jacket-shorts-with-backpack-against-shipping-container_627829-8008.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-neon-light-nighttime_23-2149005457.jpg",
|
||||
alt: "Fashion enthusiast 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104039.jpg",
|
||||
alt: "Fashion enthusiast 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-shooting-with-projector-medium-shot_23-2149424934.jpg",
|
||||
alt: "Fashion enthusiast 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-digital-art_23-2151197887.jpg",
|
||||
alt: "Fashion enthusiast 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/well-dressed-young-male-model-posing-steps-with-gently-smile-indoor-photo-curious-african-guy-wears-hat_197531-22071.jpg",
|
||||
alt: "Fashion enthusiast 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-neon-light-nighttime_23-2149005457.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104039.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-shooting-with-projector-medium-shot_23-2149424934.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-digital-art_23-2151197887.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/well-dressed-young-male-model-posing-steps-with-gently-smile-indoor-photo-curious-african-guy-wears-hat_197531-22071.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join our underground circle."
|
||||
avatarText="Join 5,000+ underground style icons"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Limited Drops",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Urban Rebellion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Art Fusion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Fabric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strictly Underground",
|
||||
},
|
||||
{ type: "text", text: "Limited Edition Drops" },
|
||||
{ type: "text", text: "Premium Technical Fabrics" },
|
||||
{ type: "text", text: "Designed in Tokyo" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,45 +83,15 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rebel Hoodie",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-wearing-hoodie-mockup_23-2149296345.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Core Oversized Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Cargo Tech",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Logo Cap",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bomber Jacket",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flatlay-outfit-travel_53876-138233.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Essential Pullover",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1062.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Rebel Hoodie", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-wearing-hoodie-mockup_23-2149296345.jpg" },
|
||||
{ id: "p2", name: "Core Oversized Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg" },
|
||||
{ id: "p3", name: "Urban Cargo Tech", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/view-beige-tone-colored-pants_23-2150773417.jpg" },
|
||||
{ id: "p4", name: "Logo Cap", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg" },
|
||||
{ id: "p5", name: "Bomber Jacket", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/flatlay-outfit-travel_53876-138233.jpg" },
|
||||
{ id: "p6", name: "Essential Pullover", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1062.jpg" },
|
||||
]}
|
||||
title="New Collection"
|
||||
description="Drop 01: Modern rebellion meets streetwear luxury."
|
||||
title="New Arrivals"
|
||||
description="Curated selection of our latest technical streetwear drops."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,19 +99,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Rabbit Hole",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-happy-friends-chatting_23-2149462084.jpg",
|
||||
alt: "Atlas Rabbit Concept",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Atlas Rabbit nace para quienes no siguen tendencias: las crean. Inspirada en la cultura urbana, el arte digital y la rebeldía moderna.",
|
||||
},
|
||||
{ type: "text", content: "The Rabbit Hole" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/side-view-happy-friends-chatting_23-2149462084.jpg", alt: "Concept" },
|
||||
{ type: "text", content: "Atlas Rabbit nace para quienes no siguen tendencias: las crean. Inspirada en la cultura urbana, el arte digital y la rebeldía moderna." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -194,50 +112,15 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sofia R.",
|
||||
handle: "@sofia_urb",
|
||||
testimonial: "Calidad increíble, el fit es perfecto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149439864.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lucas M.",
|
||||
handle: "@lucas_street",
|
||||
testimonial: "La mejor marca underground que compré.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Valeria P.",
|
||||
handle: "@valep",
|
||||
testimonial: "Diseño único y tela premium. 10/10.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453348.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Javier D.",
|
||||
handle: "@javid",
|
||||
testimonial: "Estética brutal, muy recomendable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena C.",
|
||||
handle: "@elenac",
|
||||
testimonial: "Atlas Rabbit cambió mi estilo totalmente.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379366.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sofia R.", handle: "@sofia_urb", testimonial: "Calidad increíble, el fit es perfecto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149439864.jpg" },
|
||||
{ id: "t2", name: "Lucas M.", handle: "@lucas_street", testimonial: "La mejor marca underground que compré.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outside_23-2149439874.jpg" },
|
||||
{ id: "t3", name: "Valeria P.", handle: "@valep", testimonial: "Diseño único y tela premium. 10/10.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453348.jpg" },
|
||||
{ id: "t4", name: "Javier D.", handle: "@javid", testimonial: "Estética brutal, muy recomendable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg" },
|
||||
{ id: "t5", name: "Elena C.", handle: "@elenac", testimonial: "Atlas Rabbit cambió mi estilo totalmente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379366.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="What our underground culture is saying."
|
||||
description="Join the conversation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -245,17 +128,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Hypebeast",
|
||||
"Highsnobiety",
|
||||
"Complex",
|
||||
"StreetCulture",
|
||||
"UrbanMode",
|
||||
"DesignMag",
|
||||
"FashionDaily",
|
||||
]}
|
||||
names={["Hypebeast", "Highsnobiety", "Complex", "StreetCulture", "UrbanMode", "DesignMag", "FashionDaily"]}
|
||||
title="Cult Follower"
|
||||
description="Featured in and supported by global streetwear hubs."
|
||||
description="Featured in global streetwear hubs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -265,38 +140,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Rabbit Insights"
|
||||
description="Behind the designs and the culture."
|
||||
description="The narrative behind the fabric."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Culture",
|
||||
title: "The Art of Rebellion",
|
||||
excerpt: "How we redefine urban style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-expressive-woman-posing-studio_23-2149429024.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3375.jpg",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Minimalism in Streetwear",
|
||||
excerpt: "The power of less is more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-happy-europnean-woman-sunglasses-is-resting-sunny-street-with-palms-looking-aside-portrait-model-woman-with-smile-face-holds-hat-with-hands-wears-sunglasses_291650-2669.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Lifestyle",
|
||||
title: "Underground Icons",
|
||||
excerpt: "Staying exclusive in a digital age.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389144.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
||||
date: "Oct 20, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Culture", title: "The Art of Rebellion", excerpt: "How we redefine urban style.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-expressive-woman-posing-studio_23-2149429024.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3375.jpg", date: "Oct 12, 2024" },
|
||||
{ id: "b2", category: "Design", title: "Minimalism in Streetwear", excerpt: "The power of less is more.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-happy-europnean-woman-sunglasses-is-resting-sunny-street-with-palms-looking-aside-portrait-model-woman-with-smile-face-holds-hat-with-hands-wears-sunglasses_291650-2669.jpg", date: "Oct 15, 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,64 +151,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join the Rabbit Hole"
|
||||
title="Newsletter Subscription"
|
||||
description="Get early access to exclusive drops."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Be the first to know"
|
||||
title="Exclusive Drops Mailing List"
|
||||
description="Unlock early access and private event invites. No spam."
|
||||
buttons={[{ text: "Subscribe", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/atlasrabbit.indu",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Políticas",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }] },
|
||||
{ title: "Brand", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Atlas Rabbit. All rights reserved."
|
||||
bottomRightText="Built for the underground."
|
||||
bottomLeftText="© 2025 Atlas Rabbit. All rights reserved."
|
||||
bottomRightText="Designed for the modern rebel."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user