Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Astra Vibes"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Vibe with Astra."
|
||||
description="Elevate your style with premium, trend-forward streetwear designed for the modern individual."
|
||||
tag="New Arrivals 2024"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stusio-portrait-trendy-brunette-woman-wearing-white-linen-suit-posing-beige-background-blogger-fashionista_291049-2973.jpg",
|
||||
imageAlt: "Model in streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stusio-portrait-trendy-brunette-woman-wearing-white-linen-suit-posing-beige-background-blogger-fashionista_291049-2973.jpg", imageAlt: "Model in streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24630.jpg",
|
||||
imageAlt: "Close up fabric texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-medium-shot_23-2149213196.jpg",
|
||||
imageAlt: "Woman sitting on chair medium shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021799.jpg",
|
||||
imageAlt: "Portrait of stylish woman posing in a fashionable outfit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg",
|
||||
imageAlt: "Portrait of beautiful woman posing with a blue jacket",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24630.jpg", imageAlt: "Close up fabric texture"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,17 +70,11 @@ export default function LandingPage() {
|
||||
description="Astra Vibes is more than clothing. It's a movement focused on quality, comfort, and sustainable street fashion that lets you be yourself."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Unique Styles",
|
||||
},
|
||||
value: "500+", title: "Unique Styles"},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "10k+", title: "Happy Customers"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Countries Delivered",
|
||||
},
|
||||
value: "20+", title: "Countries Delivered"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-textured-white-background_23-2151876063.jpg"
|
||||
imageAlt="Clothing rack interior"
|
||||
@@ -122,59 +91,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Astra",
|
||||
name: "Classic Sweatshirt",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669569.jpg",
|
||||
},
|
||||
id: "p1", brand: "Astra", name: "Classic Sweatshirt", price: "$89", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669569.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Astra",
|
||||
name: "Slim Fit Denim",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-mirror_23-2148916462.jpg",
|
||||
},
|
||||
id: "p2", brand: "Astra", name: "Slim Fit Denim", price: "$120", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-mirror_23-2148916462.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Astra",
|
||||
name: "Premium Cotton Tee",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg",
|
||||
},
|
||||
id: "p3", brand: "Astra", name: "Premium Cotton Tee", price: "$45", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Astra",
|
||||
name: "Winter Parka",
|
||||
price: "$250",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828571.jpg",
|
||||
},
|
||||
id: "p4", brand: "Astra", name: "Winter Parka", price: "$250", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts-hanger_23-2150828571.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Astra",
|
||||
name: "Urban Polo",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-suit-chair-shoes-briefcase_181624-10463.jpg",
|
||||
},
|
||||
id: "p5", brand: "Astra", name: "Urban Polo", price: "$65", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-suit-chair-shoes-briefcase_181624-10463.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Astra",
|
||||
name: "Cargo Trouser",
|
||||
price: "$110",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-hanger_52683-135673.jpg",
|
||||
},
|
||||
id: "p6", brand: "Astra", name: "Cargo Trouser", price: "$110", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-hanger_52683-135673.jpg"},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Explore our curated selection of premium garments built for style and comfort."
|
||||
@@ -189,26 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Eco-conscious materials that last.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup_23-2148289760.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914984.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Sustainable Fabrics", description: "Eco-conscious materials that last.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-straws-cup_23-2148289760.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-linen-fabric_23-2151914984.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Durability",
|
||||
description: "Built to withstand urban living.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-colorful-fabric-section-outdoor-market_181624-20445.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Durability", description: "Built to withstand urban living.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-colorful-fabric-section-outdoor-market_181624-20445.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Ergonomic Cuts",
|
||||
description: "Comfort that moves with you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tired-african-american-male-doctor-uniform-doing-physical-jerks-camera-white-background_574295-5416.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/joyful-young-girl-with-short-curly-hair-standing-gray-wall-big-white-window-wearing-casual-home-clothes-gray-cardigan-shirt-shorts-long-stylish-necklace_197531-1743.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Ergonomic Cuts", description: "Comfort that moves with you.", imageSrc: "http://img.b2bpic.net/free-photo/young-tired-african-american-male-doctor-uniform-doing-physical-jerks-camera-white-background_574295-5416.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/joyful-young-girl-with-short-curly-hair-standing-gray-wall-big-white-window-wearing-casual-home-clothes-gray-cardigan-shirt-shorts-long-stylish-necklace_197531-1743.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why Choose Astra?"
|
||||
description="We prioritize quality, ethics, and modern design in everything we produce."
|
||||
@@ -220,14 +138,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"Hypebeast",
|
||||
"Highsnobiety",
|
||||
"Complex",
|
||||
"Elle",
|
||||
"Cosmopolitan",
|
||||
]}
|
||||
"Vogue", "GQ", "Hypebeast", "Highsnobiety", "Complex", "Elle", "Cosmopolitan"]}
|
||||
title="Featured In"
|
||||
description="Recognized by top publications worldwide for our unique aesthetic."
|
||||
/>
|
||||
@@ -241,45 +152,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-arms-crossed_23-2148022643.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Creative", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-arms-crossed_23-2148022643.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
role: "Architect",
|
||||
company: "Build Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-photo-camera_23-2149893855.jpg",
|
||||
},
|
||||
id: "2", name: "Mike T.", role: "Architect", company: "Build Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-repairing-photo-camera_23-2149893855.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Influencer",
|
||||
company: "Social",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", role: "Influencer", company: "Social", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Student",
|
||||
company: "Uni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Student", company: "Uni", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
role: "Dev",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg",
|
||||
},
|
||||
id: "5", name: "Alex B.", role: "Dev", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Join thousands of satisfied customers who have upgraded their wardrobe with Astra Vibes."
|
||||
@@ -292,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping times?",
|
||||
content: "Orders arrive in 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "Shipping times?", content: "Orders arrive in 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Return policy?",
|
||||
content: "30 days no questions asked.",
|
||||
},
|
||||
id: "f2", title: "Return policy?", content: "30 days no questions asked."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sizing guide?",
|
||||
content: "Check our detailed chart on product pages.",
|
||||
},
|
||||
id: "f3", title: "Sizing guide?", content: "Check our detailed chart on product pages."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-with-package_23-2148975606.jpg"
|
||||
title="Common Questions"
|
||||
@@ -319,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Astra Tribe"
|
||||
description="Get exclusive access to new drops and seasonal discounts directly to your inbox."
|
||||
@@ -331,13 +207,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Astra Vibes"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms & Conditions", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user