Merge version_1 into main #2
301
src/app/page.tsx
301
src/app/page.tsx
@@ -25,207 +25,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Figures",
|
||||
id: "figures",
|
||||
},
|
||||
{
|
||||
name: "Apparel",
|
||||
id: "apparel",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ANIMEVERSE"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Figures", id: "figures" },
|
||||
{ name: "Apparel", id: "apparel" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ANIMEVERSE"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
title="Enter the Anime Multiverse"
|
||||
description="Explore curated premium anime collectibles with cutting-edge 3D visualization. Experience shopping reimagined through futuristic design and immersive interactions."
|
||||
tag="NEW COLLECTION"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg",
|
||||
imageAlt: "3D Anime Character",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-greek-bust-figure_23-2151616981.jpg?_wi=1",
|
||||
imageAlt: "Cyber Samurai Figure",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-emo-girl-posing-indoors_23-2149542304.jpg?_wi=1",
|
||||
imageAlt: "Neon Vision Hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-dragon-character-illustration_23-2151117636.jpg?_wi=1",
|
||||
imageAlt: "Voidwalker Print",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-fantasy-world_23-2151732320.jpg?_wi=1",
|
||||
imageAlt: "Pulse Keycaps",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10k+ Collectors"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="Enter the Anime Multiverse"
|
||||
description="Explore curated premium anime collectibles with cutting-edge 3D visualization. Experience shopping reimagined through futuristic design and immersive interactions."
|
||||
tag="NEW COLLECTION"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736745.jpg", imageAlt: "3D Anime Character"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-greek-bust-figure_23-2151616981.jpg", imageAlt: "Cyber Samurai Figure"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10k+ Collectors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyber Samurai Figure",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-greek-bust-figure_23-2151616981.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Vision Hoodie",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-emo-girl-posing-indoors_23-2149542304.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Voidwalker Print",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-dragon-character-illustration_23-2151117636.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pulse Keycaps",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-fantasy-world_23-2151732320.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Neural Link Mousepad",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-bright-lights_23-2149680218.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Multiverse Artbook",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-glasses-reading-book_53876-42658.jpg",
|
||||
},
|
||||
]}
|
||||
title="Exclusive Drops"
|
||||
description="Hand-picked collectibles for the modern fan."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Cyber Samurai Figure", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-greek-bust-figure_23-2151616981.jpg"},
|
||||
{
|
||||
id: "p2", name: "Neon Vision Hoodie", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-emo-girl-posing-indoors_23-2149542304.jpg"},
|
||||
{
|
||||
id: "p3", name: "Voidwalker Print", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/anime-dragon-character-illustration_23-2151117636.jpg"},
|
||||
{
|
||||
id: "p4", name: "Pulse Keycaps", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/boy-fantasy-world_23-2151732320.jpg"},
|
||||
{
|
||||
id: "p5", name: "Neural Link Mousepad", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/blue-keyboard-with-bright-lights_23-2149680218.jpg"},
|
||||
{
|
||||
id: "p6", name: "Multiverse Artbook", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-glasses-reading-book_53876-42658.jpg"},
|
||||
]}
|
||||
title="Exclusive Drops"
|
||||
description="Hand-picked collectibles for the modern fan."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive 3D",
|
||||
description: "Rotate and inspect figures in full 3D space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg",
|
||||
imageAlt: "3D Preview",
|
||||
},
|
||||
{
|
||||
title: "High Fidelity",
|
||||
description: "Every detail captured in high resolution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-idea-business-inspiration-creative-solution-sign-symbol-icon-3d-rendering_56104-1937.jpg",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Global shipping for all your collectibles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625666.jpg",
|
||||
imageAlt: "Speed",
|
||||
},
|
||||
]}
|
||||
title="Built for Immersion"
|
||||
description="Premium tech meets collector passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive 3D", description: "Rotate and inspect figures in full 3D space.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-neon-lights_181624-26539.jpg", imageAlt: "3D Preview"},
|
||||
{
|
||||
title: "High Fidelity", description: "Every detail captured in high resolution.", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-idea-business-inspiration-creative-solution-sign-symbol-icon-3d-rendering_56104-1937.jpg", imageAlt: "Quality"},
|
||||
{
|
||||
title: "Fast Delivery", description: "Global shipping for all your collectibles.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-concept_23-2148625666.jpg", imageAlt: "Speed"},
|
||||
]}
|
||||
title="Built for Immersion"
|
||||
description="Premium tech meets collector passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TokyoTech",
|
||||
"AniDaily",
|
||||
"CyberCollect",
|
||||
"GeekMag",
|
||||
"NeoFuture",
|
||||
"OtakuNews",
|
||||
"GamePlay",
|
||||
]}
|
||||
title="As Featured In"
|
||||
description="Recognized by top industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TokyoTech", "AniDaily", "CyberCollect", "GeekMag", "NeoFuture", "OtakuNews", "GamePlay"]}
|
||||
title="As Featured In"
|
||||
description="Recognized by top industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="SUBSCRIBE"
|
||||
title="Join the Multiverse"
|
||||
description="Get early access to limited edition drops."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="SUBSCRIBE"
|
||||
title="Join the Multiverse"
|
||||
description="Get early access to limited edition drops."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ANIMEVERSE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Figures",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Apparel",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="ANIMEVERSE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Figures", href: "#" },
|
||||
{ label: "Apparel", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Shipping", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user