Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aura"
|
||||
/>
|
||||
@@ -56,49 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Timeless Elegance, Modern Style"
|
||||
description="Discover our new season collection designed for the bold and the refined. Experience quality craftsmanship in every stitch."
|
||||
tag="New Collection 2025"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=1",
|
||||
imageAlt: "Model in autumn collection",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg", imageAlt: "Model in autumn collection"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830398.jpg?_wi=1",
|
||||
imageAlt: "Streetwear aesthetic",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830398.jpg", imageAlt: "Streetwear aesthetic"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275132.jpg?_wi=1",
|
||||
imageAlt: "Casual summer wear",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275132.jpg", imageAlt: "Casual summer wear"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-2000s-fashion-style-posing-together-with-tv_23-2149442864.jpg",
|
||||
imageAlt: "Formal evening wear",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-2000s-fashion-style-posing-together-with-tv_23-2149442864.jpg", imageAlt: "Formal evening wear"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-wearing-jacket_23-2149267449.jpg",
|
||||
imageAlt: "Minimalist accessories",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-wearing-jacket_23-2149267449.jpg", imageAlt: "Minimalist accessories"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-teenager-boy-girl-posing-together_23-2149085224.jpg",
|
||||
imageAlt: "Capsule wardrobe",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/trendy-teenager-boy-girl-posing-together_23-2149085224.jpg", imageAlt: "Capsule wardrobe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Ethical Sourcing",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethical Sourcing", value: "100%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Clients", value: "10k+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Design Awards",
|
||||
value: "25",
|
||||
},
|
||||
label: "Design Awards", value: "25"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -136,47 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Blouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trendy-hairstyle_23-2149478922.jpg",
|
||||
imageAlt: "Silk Blouse",
|
||||
},
|
||||
id: "p1", name: "Silk Blouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trendy-hairstyle_23-2149478922.jpg", imageAlt: "Silk Blouse"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Trousers",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10500.jpg",
|
||||
imageAlt: "Trousers",
|
||||
},
|
||||
id: "p2", name: "Tailored Trousers", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-near-brick-wall-street-background-metrosexual_158538-10500.jpg", imageAlt: "Trousers"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Essential Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448798.jpg",
|
||||
imageAlt: "Tee",
|
||||
},
|
||||
id: "p3", name: "Essential Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448798.jpg", imageAlt: "Tee"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Blazer",
|
||||
price: "$195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575315.jpg",
|
||||
imageAlt: "Blazer",
|
||||
},
|
||||
id: "p4", name: "Modern Blazer", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575315.jpg", imageAlt: "Blazer"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Casual Dress",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-woman-enjoying-sunlight-with-closed-eyes_197531-19712.jpg",
|
||||
imageAlt: "Dress",
|
||||
},
|
||||
id: "p5", name: "Casual Dress", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/inspired-woman-enjoying-sunlight-with-closed-eyes_197531-19712.jpg", imageAlt: "Dress"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Denim Jacket",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
|
||||
imageAlt: "Jacket",
|
||||
},
|
||||
id: "p6", name: "Denim Jacket", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg", imageAlt: "Jacket"},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Explore curated pieces made from premium fabrics."
|
||||
@@ -190,41 +125,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "We source the finest organic materials for lasting wear.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg",
|
||||
},
|
||||
title: "Sustainable Fabrics", description: "We source the finest organic materials for lasting wear.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=2",
|
||||
imageAlt: "elegant silk blouse front view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-mannequin_23-2148302796.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Fair Trade Labor",
|
||||
description: "Our garments are made by artisans treated with respect.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-tshirt_1303-14659.jpg",
|
||||
},
|
||||
title: "Fair Trade Labor", description: "Our garments are made by artisans treated with respect.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-tshirt_1303-14659.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118550.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830398.jpg?_wi=2",
|
||||
imageAlt: "elegant silk blouse front view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118550.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Minimalist Design",
|
||||
description: "Effortless pieces designed to adapt to any lifestyle.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-yellow-dress-posing-outdoors-city_23-2149086939.jpg",
|
||||
},
|
||||
title: "Minimalist Design", description: "Effortless pieces designed to adapt to any lifestyle.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-yellow-dress-posing-outdoors-city_23-2149086939.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353690.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275132.jpg?_wi=2",
|
||||
imageAlt: "elegant silk blouse front view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353690.jpg"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose Aura?"
|
||||
@@ -239,53 +156,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$0",
|
||||
subtitle: "Community Access",
|
||||
buttons: [
|
||||
id: "basic", badge: "Entry", price: "$0", subtitle: "Community Access", buttons: [
|
||||
{
|
||||
text: "Join Free",
|
||||
},
|
||||
text: "Join Free"},
|
||||
],
|
||||
features: [
|
||||
"Newsletter Access",
|
||||
"Standard Shipping",
|
||||
],
|
||||
"Newsletter Access", "Standard Shipping"],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
badge: "VIP",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$99/yr",
|
||||
subtitle: "Priority Access",
|
||||
buttons: [
|
||||
id: "gold", badge: "VIP", badgeIcon: Sparkles,
|
||||
price: "$99/yr", subtitle: "Priority Access", buttons: [
|
||||
{
|
||||
text: "Go VIP",
|
||||
},
|
||||
text: "Go VIP"},
|
||||
],
|
||||
features: [
|
||||
"Early Releases",
|
||||
"Free Shipping",
|
||||
"Member Events",
|
||||
],
|
||||
"Early Releases", "Free Shipping", "Member Events"],
|
||||
},
|
||||
{
|
||||
id: "platinum",
|
||||
badge: "Elite",
|
||||
badgeIcon: Award,
|
||||
price: "$299/yr",
|
||||
subtitle: "Exclusive Perks",
|
||||
buttons: [
|
||||
id: "platinum", badge: "Elite", badgeIcon: Award,
|
||||
price: "$299/yr", subtitle: "Exclusive Perks", buttons: [
|
||||
{
|
||||
text: "Go Elite",
|
||||
},
|
||||
text: "Go Elite"},
|
||||
],
|
||||
features: [
|
||||
"Personal Shopper",
|
||||
"Elite Discounts",
|
||||
"Priority Support",
|
||||
],
|
||||
"Personal Shopper", "Elite Discounts", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -301,23 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Elena Vance",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-fashion-designer-her-workshop_329181-14390.jpg",
|
||||
},
|
||||
id: "m1", name: "Elena Vance", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/blonde-fashion-designer-her-workshop_329181-14390.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head of Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-fashion-designer-linen-red-dress-smiles-sincerely-charming-woman-holds-pencils-draws-cloth-pattern-craft-paper-sheet_197531-29816.jpg",
|
||||
},
|
||||
id: "m2", name: "Marcus Thorne", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-fashion-designer-linen-red-dress-smiles-sincerely-charming-woman-holds-pencils-draws-cloth-pattern-craft-paper-sheet_197531-29816.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sara Chen",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
},
|
||||
id: "m3", name: "Sara Chen", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg"},
|
||||
]}
|
||||
title="The Faces of Aura"
|
||||
description="Our team is committed to defining the future of sustainable fashion."
|
||||
@@ -330,45 +212,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Quality",
|
||||
quote: "The fabric quality is unmatched.",
|
||||
name: "Sarah",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2927.jpg",
|
||||
},
|
||||
id: "t1", title: "Incredible Quality", quote: "The fabric quality is unmatched.", name: "Sarah", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2927.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Minimalist Chic",
|
||||
quote: "Fits perfectly and looks timeless.",
|
||||
name: "John",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-blouse-green-skirt-holding-shopping-packages_140725-25804.jpg",
|
||||
},
|
||||
id: "t2", title: "Minimalist Chic", quote: "Fits perfectly and looks timeless.", name: "John", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-blouse-green-skirt-holding-shopping-packages_140725-25804.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Amazing Style",
|
||||
quote: "My favorite staple pieces.",
|
||||
name: "Emily",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296636.jpg",
|
||||
},
|
||||
id: "t3", title: "Amazing Style", quote: "My favorite staple pieces.", name: "Emily", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296636.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Fast Shipping",
|
||||
quote: "Super impressed with the speed.",
|
||||
name: "David",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-wearing-trench-coat_23-2149729304.jpg",
|
||||
},
|
||||
id: "t4", title: "Fast Shipping", quote: "Super impressed with the speed.", name: "David", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-wearing-trench-coat_23-2149729304.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Elegant Piece",
|
||||
quote: "Simply beautiful design.",
|
||||
name: "Lisa",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-lady-with-short-wavy-hair-embroidery-pretty-girl-standing-bright-blue-screen-indoor-background-looks-into-distance_639032-146.jpg",
|
||||
},
|
||||
id: "t5", title: "Elegant Piece", quote: "Simply beautiful design.", name: "Lisa", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-young-lady-with-short-wavy-hair-embroidery-pretty-girl-standing-bright-blue-screen-indoor-background-looks-into-distance_639032-146.jpg"},
|
||||
]}
|
||||
title="Loved by You"
|
||||
description="Read what our customers are saying about our latest collection."
|
||||
@@ -379,8 +231,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up for updates on new collections and members-only discounts."
|
||||
@@ -395,29 +246,19 @@ export default function LandingPage() {
|
||||
logoText="Aura"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user