Merge version_1 into main #2
386
src/app/page.tsx
386
src/app/page.tsx
@@ -17,296 +17,118 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
]}
|
||||
brandName="Aivanta"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
]}
|
||||
brandName="Aivanta"
|
||||
button={{ text: "Contact", href: "#footer" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Aivanta – Wear the Future"
|
||||
description="Premium fashion, smart electronics, and digital products"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=1",
|
||||
imageAlt: "Futuristic fashion",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg?_wi=1",
|
||||
imageAlt: "Smart electronics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg?_wi=1",
|
||||
imageAlt: "Digital products",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=2",
|
||||
imageAlt: "Aivanta lifestyle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg?_wi=2",
|
||||
imageAlt: "Future Tech",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Aivanta – Wear the Future"
|
||||
description="Premium fashion, smart electronics, and digital products"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg", imageAlt: "Futuristic fashion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg", imageAlt: "Smart electronics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg", imageAlt: "Digital products" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Hoodie",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Earbuds",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Digital Asset Pack",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Case",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Future Watch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tech Jacket",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Curated collection of the future"
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "p1", name: "Smart Hoodie", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg" },
|
||||
{ id: "p2", name: "Pro Earbuds", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg" },
|
||||
{ id: "p3", name: "Digital Asset Pack", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg" }
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Curated collection of the future"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Apparel",
|
||||
description: "Tech-integrated fashion",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShoppingBag,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bvf9bu3qC4nKbMhY7KPI8D07kA/uploaded-1775374360375-ejwgfqfe.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Electronics",
|
||||
description: "Smart devices",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bvf9bu3qC4nKbMhY7KPI8D07kA/uploaded-1775374360375-xeumxsee.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Digital",
|
||||
description: "Exclusive downloads",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Download,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=5",
|
||||
imageAlt: "luxury tech aesthetic dark",
|
||||
},
|
||||
{
|
||||
title: "Accessories",
|
||||
description: "Premium tech wearables",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Watch,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg?_wi=5",
|
||||
imageAlt: "sleek smart device design",
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
description: "Elite maintenance support",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg?_wi=4",
|
||||
imageAlt: "premium fashion accessory photography",
|
||||
},
|
||||
]}
|
||||
title="Categories"
|
||||
description="Explore our futuristic product lines"
|
||||
/>
|
||||
</div>
|
||||
<div id="categories" data-section="categories">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Apparel", description: "Tech-integrated fashion", bentoComponent: "reveal-icon", icon: ShoppingBag },
|
||||
{ title: "Electronics", description: "Smart devices", bentoComponent: "reveal-icon", icon: Smartphone },
|
||||
{ title: "Digital", description: "Exclusive downloads", bentoComponent: "reveal-icon", icon: Download },
|
||||
{ title: "Accessories", description: "Premium tech wearables", bentoComponent: "reveal-icon", icon: Watch },
|
||||
{ title: "Services", description: "Elite maintenance support", bentoComponent: "reveal-icon", icon: Headphones }
|
||||
]}
|
||||
title="Categories"
|
||||
description="Explore our futuristic product lines"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Aivanta Lifestyle"
|
||||
description="We are defining the convergence of high-fashion and smart innovation, crafting products that aren't just used, but experienced as an extension of the self."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Cutting edge technology",
|
||||
},
|
||||
{
|
||||
title: "Design",
|
||||
description: "Luxury aesthetic",
|
||||
},
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Built for longevity",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=6"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Aivanta Lifestyle"
|
||||
description="We are defining the convergence of high-fashion and smart innovation, crafting products that aren't just used, but experienced as an extension of the self."
|
||||
bulletPoints={[
|
||||
{ title: "Innovation", description: "Cutting edge technology" },
|
||||
{ title: "Design", description: "Luxury aesthetic" },
|
||||
{ title: "Quality", description: "Built for longevity" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "The design quality is unmatched. Truly the future of fashion.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bvf9bu3qC4nKbMhY7KPI8D07kA/uploaded-1775374360375-ejwgfqfe.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Finally, tech that looks like it belongs in the next decade.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bvf9bu3qC4nKbMhY7KPI8D07kA/uploaded-1775374360375-xeumxsee.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam T.",
|
||||
handle: "@samt",
|
||||
testimonial: "Excellent service and stunning quality. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736792.jpg?_wi=7",
|
||||
imageAlt: "luxury tech aesthetic dark",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey L.",
|
||||
handle: "@caseyl",
|
||||
testimonial: "Aivanta is my new go-to brand for everything tech.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-phone-14-with-crescent-left-side-white-background_187299-35109.jpg?_wi=6",
|
||||
imageAlt: "sleek smart device design",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Taylor M.",
|
||||
handle: "@taylorm",
|
||||
testimonial: "Stunning aesthetics and functionality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leaf-branch-vase-with-shadow_23-2148925368.jpg?_wi=5",
|
||||
imageAlt: "premium fashion accessory photography",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Voices"
|
||||
description="See why our customers love Aivanta"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@alexr", testimonial: "The design quality is unmatched. Truly the future of fashion.", rating: 5 },
|
||||
{ id: "2", name: "Jordan P.", handle: "@jordanp", testimonial: "Finally, tech that looks like it belongs in the next decade.", rating: 5 },
|
||||
{ id: "3", name: "Sam T.", handle: "@samt", testimonial: "Excellent service and stunning quality. Highly recommended.", rating: 5 }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See why our customers love Aivanta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Aivanta"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Fashion",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Electronics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Aivanta"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Fashion", href: "#" }, { label: "Electronics", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Twitter", href: "https://twitter.com" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user