Merge version_1 into main #1
426
src/app/page.tsx
426
src/app/page.tsx
@@ -14,313 +14,141 @@ import { Facebook, Instagram, Twitter } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Newsletter",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Aura Fashion"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Newsletter", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Fashion"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Aura: Timeless Fashion"
|
||||
description="Discover elegance designed for the modern individual, blending minimalist aesthetics with premium comfort."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg",
|
||||
imageAlt: "Model in minimalist dress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-autumn-clothes_23-2149071317.jpg",
|
||||
imageAlt: "Fashion accessory",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-dress_158538-526.jpg",
|
||||
imageAlt: "Summer collection shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-lady-white-suit-touches-hair-blonde-lady-skirt-jacket-blouse-poses-i_197531-33590.jpg",
|
||||
imageAlt: "Attractive elegant lady in white suit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-female-with-blue-eyes-white-clothes_613910-10586.jpg",
|
||||
imageAlt: "Portrait of blond female in white clothes",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-wearing-jumpsuit_23-2148880212.jpg",
|
||||
imageAlt: "High fashion portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-posing-with-perfect-skin_23-2149369986.jpg",
|
||||
imageAlt: "Minimal style street fashion",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020154.jpg",
|
||||
imageAlt: "Luxurious dress details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-portrait-young-beautiful-brunette-woman-wearing-nice-trendy-blue-suit-sexy-fashion-model-posing-studio-fashionable-female-isolated_158538-22184.jpg",
|
||||
imageAlt: "Fashion model in blue suit",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg",
|
||||
imageAlt: "Woman in black clothes on chair",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3231.jpg",
|
||||
alt: "Minimalist portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-autumn-clothes_23-2149071319.jpg",
|
||||
alt: "Minimalist portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-having-online-meeting_23-2149116356.jpg",
|
||||
alt: "Minimalist portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8592.jpg",
|
||||
alt: "Minimalist portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-trendy-girl-casual-summer-yellow-t-shirt-clothes_158538-1149.jpg",
|
||||
alt: "Minimalist portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ style enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Aura: Timeless Fashion"
|
||||
description="Discover elegance designed for the modern individual, blending minimalist aesthetics with premium comfort."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg", imageAlt: "Model in minimalist dress" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-autumn-clothes_23-2149071317.jpg", imageAlt: "Fashion accessory" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-dress_158538-526.jpg", imageAlt: "Summer collection shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-lady-white-suit-touches-hair-blonde-lady-skirt-jacket-blouse-poses-i_197531-33590.jpg", imageAlt: "Attractive elegant lady in white suit" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-female-with-blue-eyes-white-clothes_613910-10586.jpg", imageAlt: "Portrait of blond female in white clothes" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-wearing-jumpsuit_23-2148880212.jpg", imageAlt: "High fashion portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-asian-woman-posing-with-perfect-skin_23-2149369986.jpg", imageAlt: "Minimal style street fashion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020154.jpg", imageAlt: "Luxurious dress details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-portrait-young-beautiful-brunette-woman-wearing-nice-trendy-blue-suit-sexy-fashion-model-posing-studio-fashionable-female-isolated_158538-22184.jpg", imageAlt: "Fashion model in blue suit" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg", imageAlt: "Woman in black clothes on chair" },
|
||||
]}
|
||||
buttons={[{ text: "Shop New Arrivals", href: "#products" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3231.jpg", alt: "Minimalist portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-autumn-clothes_23-2149071319.jpg", alt: "Minimalist portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-having-online-meeting_23-2149116356.jpg", alt: "Minimalist portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8592.jpg", alt: "Minimalist portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-trendy-girl-casual-summer-yellow-t-shirt-clothes_158538-1149.jpg", alt: "Minimalist portrait 5" },
|
||||
]}
|
||||
avatarText="Join 10,000+ style enthusiasts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable" },
|
||||
{ type: "text", text: "Timeless" },
|
||||
{ type: "text", text: "Ethical" },
|
||||
{ type: "text", text: "Modern" },
|
||||
{ type: "text", text: "Premium" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Purpose"
|
||||
description="At Aura, we believe fashion should be a seamless blend of style and sustainability. Every piece is carefully constructed using premium materials to ensure quality and comfort that lasts."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "Ethically sourced materials designed for longevity.",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Craft",
|
||||
description: "Handcrafted details in every stitch and seam.",
|
||||
},
|
||||
{
|
||||
title: "Modern Silhouette",
|
||||
description: "Sophisticated cuts for a timeless modern look.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-white-blouse-looks-lace-table-brunette-lady-beige-shirt-pants-posing-designer-office_197531-27461.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Crafted with Purpose"
|
||||
description="At Aura, we believe fashion should be a seamless blend of style and sustainability. Every piece is carefully constructed using premium materials to ensure quality and comfort that lasts."
|
||||
bulletPoints={[
|
||||
{ title: "Sustainable Fabrics", description: "Ethically sourced materials designed for longevity." },
|
||||
{ title: "Artisanal Craft", description: "Handcrafted details in every stitch and seam." },
|
||||
{ title: "Modern Silhouette", description: "Sophisticated cuts for a timeless modern look." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-white-blouse-looks-lace-table-brunette-lady-beige-shirt-pants-posing-designer-office_197531-27461.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Silk Wrap Dress",
|
||||
price: "$120",
|
||||
variant: "Midnight Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Leather Bag",
|
||||
price: "$250",
|
||||
variant: "Tan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-9334.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tailored Blazer",
|
||||
price: "$180",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-earphones_23-2149429040.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimalist Heels",
|
||||
price: "$140",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-stilettos-with-shiny-leather-finish-generated-by-ai_188544-20818.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linen Summer Set",
|
||||
price: "$160",
|
||||
variant: "Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Silk Scarf Accessory",
|
||||
price: "$60",
|
||||
variant: "Patterned",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg",
|
||||
},
|
||||
]}
|
||||
title="Latest Collections"
|
||||
description="Curated pieces for your seasonal wardrobe."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Silk Wrap Dress", price: "$120", variant: "Midnight Blue", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg" },
|
||||
{ id: "2", name: "Classic Leather Bag", price: "$250", variant: "Tan", imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-9334.jpg" },
|
||||
{ id: "3", name: "Tailored Blazer", price: "$180", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-earphones_23-2149429040.jpg" },
|
||||
{ id: "4", name: "Minimalist Heels", price: "$140", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-stilettos-with-shiny-leather-finish-generated-by-ai_188544-20818.jpg" },
|
||||
{ id: "5", name: "Linen Summer Set", price: "$160", variant: "Cream", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2703.jpg" },
|
||||
{ id: "6", name: "Silk Scarf Accessory", price: "$60", variant: "Patterned", imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-girl-lace-dress-bending-backward_7502-9033.jpg" },
|
||||
]}
|
||||
title="Latest Collections"
|
||||
description="Curated pieces for your seasonal wardrobe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm_style",
|
||||
testimonial: "The quality of fabrics is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219909.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen_fashion",
|
||||
testimonial: "I love the minimalist aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20584.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_trend",
|
||||
testimonial: "Exquisite attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus V.",
|
||||
handle: "@marcusv_edit",
|
||||
testimonial: "Simply sophisticated.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloeb_studio",
|
||||
testimonial: "Sustainable and stylish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Stylists"
|
||||
description="Discover why Aura is the choice for style enthusiasts worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarahm_style", testimonial: "The quality of fabrics is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219909.jpg" },
|
||||
{ id: "2", name: "James Chen", handle: "@jchen_fashion", testimonial: "I love the minimalist aesthetic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20584.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elena_trend", testimonial: "Exquisite attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg" },
|
||||
{ id: "4", name: "Marcus V.", handle: "@marcusv_edit", testimonial: "Simply sophisticated.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg" },
|
||||
{ id: "5", name: "Chloe B.", handle: "@chloeb_studio", testimonial: "Sustainable and stylish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
title="Loved by Stylists"
|
||||
description="Discover why Aura is the choice for style enthusiasts worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Join the Aura Inner Circle"
|
||||
description="Subscribe for early access to new collections and exclusive stylist tips."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Newsletter"
|
||||
title="Join the Aura Inner Circle"
|
||||
description="Subscribe for early access to new collections and exclusive stylist tips."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Aura Fashion"
|
||||
copyrightText="© 2025 Aura Fashion. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Aura Fashion"
|
||||
copyrightText="© 2025 Aura Fashion. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user