Update src/app/page.tsx
This commit is contained in:
331
src/app/page.tsx
331
src/app/page.tsx
@@ -17,244 +17,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "story",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AURA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Story", id: "story" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AURA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="AURA"
|
||||
description="Redefining the boundaries of modern identity through sustainable luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#collections",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/ultra-minimalist-fashion-editorial-hero--1774801526521-f675d3fd.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="AURA"
|
||||
description="Redefining the boundaries of modern identity through sustainable luxury."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#shop" },
|
||||
{ text: "Explore Collection", href: "#collections" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/ultra-minimalist-fashion-editorial-hero--1774801526521-f675d3fd.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Streetwear",
|
||||
description: "Urban edge meets refined tailoring.",
|
||||
tag: "New",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Accessories",
|
||||
description: "Timeless additions to your signature look.",
|
||||
tag: "Popular",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "New Arrivals",
|
||||
description: "The latest drops, fresh from the atelier.",
|
||||
tag: "Fresh",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Limited Edition",
|
||||
description: "Exclusivity redefined for the few.",
|
||||
tag: "Rare",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/limited-edition-leather-bags-photography-1774801526830-e35d80f9.png",
|
||||
},
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Curated pieces for the conscious visionary."
|
||||
/>
|
||||
</div>
|
||||
<div id="collections" data-section="collections">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ id: "1", title: "Streetwear", description: "Urban edge meets refined tailoring.", tag: "New", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png" },
|
||||
{ id: "2", title: "Accessories", description: "Timeless additions to your signature look.", tag: "Popular", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png" },
|
||||
{ id: "3", title: "New Arrivals", description: "The latest drops, fresh from the atelier.", tag: "Fresh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png" },
|
||||
{ id: "4", title: "Limited Edition", description: "Exclusivity redefined for the few.", tag: "Rare", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/limited-edition-leather-bags-photography-1774801526830-e35d80f9.png" },
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Curated pieces for the conscious visionary."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Oversized Tech Tee",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Gold Cuff",
|
||||
price: "$280",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Futuristic Urban Runner",
|
||||
price: "$450",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Must-have pieces selected by our global community."
|
||||
/>
|
||||
</div>
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Oversized Tech Tee", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png" },
|
||||
{ id: "p2", name: "Minimalist Gold Cuff", price: "$280", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png" },
|
||||
{ id: "p3", name: "Futuristic Urban Runner", price: "$450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png" },
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Must-have pieces selected by our global community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The AURA Philosophy"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="story" data-section="story">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The AURA Philosophy"
|
||||
buttons={[{ text: "Our Story", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The quality is simply unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Futuristic luxury in every stitch.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526978-4cf60d03.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "AURA has completely changed my wardrobe.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526550-7e6b72e2.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor W.",
|
||||
handle: "@taylorw",
|
||||
testimonial: "Incredible service and design.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526199-f7c7c854.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey J.",
|
||||
handle: "@caseyj",
|
||||
testimonial: "Truly defines the modern aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="Trusted by visionaries worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="Trusted by visionaries worldwide."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@alexr", testimonial: "The quality is simply unmatched.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png" },
|
||||
{ id: "2", name: "Jordan P.", handle: "@jordanp", testimonial: "Futuristic luxury in every stitch.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526978-4cf60d03.png" },
|
||||
{ id: "3", name: "Sam K.", handle: "@samk", testimonial: "AURA has completely changed my wardrobe.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526550-7e6b72e2.png" },
|
||||
{ id: "4", name: "Taylor W.", handle: "@taylorw", testimonial: "Incredible service and design.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526199-f7c7c854.png" },
|
||||
{ id: "5", name: "Casey J.", handle: "@caseyj", testimonial: "Truly defines the modern aesthetic.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Join the Evolution"
|
||||
description="Sign up for exclusive access and pre-launch drops."
|
||||
tag="Newsletter"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Join the Evolution"
|
||||
description="Sign up for exclusive access and pre-launch drops."
|
||||
tag="Newsletter"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 AURA. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 AURA. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user