Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -29,95 +29,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#collections",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Collections", id: "#collections" },
|
||||
{ name: "Shop", id: "#shop" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FANTASTIC"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
}}
|
||||
button={{ text: "Shop Now", href: "#shop" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="FANTASTIC // WEAR THE VISION"
|
||||
description="Redefining the urban landscape. Where futuristic technology meets raw street energy. Step into the next generation of apparel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Drops",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-running-up-stairs-night-city_23-2149285683.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore Drops", href: "#shop" }, { text: "Learn More", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-running-up-stairs-night-city_23-2149285683.jpg"
|
||||
imageAlt="Futuristic city nightlife aesthetic"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098538.jpg",
|
||||
alt: "Urban mysterious lights of film aesthetic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840681.jpg",
|
||||
alt: "View of city street at night",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/japanese-culture-with-urban-streets_23-2148722978.jpg",
|
||||
alt: "Japanese culture with urban streets",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287995.jpg",
|
||||
alt: "Young person getting ready for doing sport at night",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-cool-man-posing-outdoors_23-2149409742.jpg",
|
||||
alt: "Medium shot cool man posing outdoors",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098538.jpg", alt: "Urban mysterious lights of film aesthetic" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840681.jpg", alt: "View of city street at night" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/japanese-culture-with-urban-streets_23-2148722978.jpg", alt: "Japanese culture with urban streets" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287995.jpg", alt: "Young person getting ready for doing sport at night" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-cool-man-posing-outdoors_23-2149409742.jpg", alt: "Medium shot cool man posing outdoors" }
|
||||
]}
|
||||
avatarText="Join the visionaries"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "FUTURISTIC",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "URBAN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NEON",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITED",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CONNECTED",
|
||||
},
|
||||
{ type: "text", text: "FUTURISTIC" },
|
||||
{ type: "text", text: "URBAN" },
|
||||
{ type: "text", text: "NEON" },
|
||||
{ type: "text", text: "LIMITED" },
|
||||
{ type: "text", text: "CONNECTED" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,20 +72,11 @@ export default function LandingPage() {
|
||||
title="The Philosophy of FANTASTIC"
|
||||
description="We don't just create clothes; we build digital identities. Inspired by Tokyo's neon-lit alleys and Berlin's industrial pulse, FANTASTIC is the collision of high-fashion structure and rebellious street culture."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Future Proof",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Global Energy",
|
||||
},
|
||||
{
|
||||
value: "∞",
|
||||
title: "Creativity",
|
||||
},
|
||||
{ value: "100%", title: "Future Proof" },
|
||||
{ value: "24/7", title: "Global Energy" },
|
||||
{ value: "∞", title: "Creativity" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg"
|
||||
imageAlt="Futuristic Hoodie"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -155,42 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nebula Bomber",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-moving-her-body-studio_23-2149429031.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Strike Sneakers",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-woman-living-country-side-after-moving-from-city_23-2151123770.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "TechCore Hoodie",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Grid Jersey",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Distressed Apex Denim",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-4435.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Shadow Windbreaker",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-crazy-girl-looking-camera_114579-92556.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Nebula Bomber", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-moving-her-body-studio_23-2149429031.jpg" },
|
||||
{ id: "p2", name: "Neon Strike Sneakers", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-woman-living-country-side-after-moving-from-city_23-2151123770.jpg" },
|
||||
{ id: "p3", name: "TechCore Hoodie", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-smiling-camera_197531-33440.jpg" },
|
||||
{ id: "p4", name: "Urban Grid Jersey", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg" },
|
||||
{ id: "p5", name: "Distressed Apex Denim", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-4435.jpg" },
|
||||
{ id: "p6", name: "Shadow Windbreaker", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/photo-crazy-girl-looking-camera_114579-92556.jpg" }
|
||||
]}
|
||||
title="Latest Drops"
|
||||
description="The latest in engineered streetwear. Limited production, high-impact design."
|
||||
@@ -199,36 +104,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "3D-Ready Design",
|
||||
tags: [
|
||||
"Tech",
|
||||
"Innovation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171719.jpg",
|
||||
id: "f1", title: "3D-Ready Design", tags: ["Tech", "Innovation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171719.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "UV Reactive Inks",
|
||||
tags: [
|
||||
"Style",
|
||||
"Glow",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-y2k-stickers-collection_52683-133298.jpg?_wi=1",
|
||||
id: "f2", title: "UV Reactive Inks", tags: ["Style", "Glow"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-y2k-stickers-collection_52683-133298.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Global Supply Chain",
|
||||
tags: [
|
||||
"Logistics",
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Global Supply Chain", tags: ["Logistics", "Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg"
|
||||
}
|
||||
]}
|
||||
title="Why FANTASTIC"
|
||||
description="Engineered for the modern nomad."
|
||||
@@ -240,61 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Jan 2024",
|
||||
title: "Creative Lead",
|
||||
quote: "The aesthetic is unmatched. Feels like wearing the future.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-running-up-stairs-night-city_23-2149285683.jpg?_wi=2",
|
||||
imageAlt: "streetwear fashion influencer portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya S.",
|
||||
date: "Dec 2023",
|
||||
title: "Designer",
|
||||
quote: "FANTASTIC changed my perspective on tech-wear.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-jeans-wear-glasses-against-large-graffiti-wall_627829-7743.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg?_wi=2",
|
||||
imageAlt: "streetwear fashion influencer portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
date: "Nov 2023",
|
||||
title: "Photographer",
|
||||
quote: "The quality is insane, totally worth every drop.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-y2k-stickers-collection_52683-133298.jpg?_wi=2",
|
||||
imageAlt: "streetwear fashion influencer portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena M.",
|
||||
date: "Oct 2023",
|
||||
title: "Creator",
|
||||
quote: "Best drops in the game right now.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-friends-taking-selfie-street_23-2148134036.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg?_wi=2",
|
||||
imageAlt: "streetwear fashion influencer portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam K.",
|
||||
date: "Sep 2023",
|
||||
title: "Artist",
|
||||
quote: "Futuristic design, perfect fit.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/model-black-trendy-shirt-red-lipstick-blurred-view_114579-8577.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-moving-her-body-studio_23-2149429031.jpg?_wi=2",
|
||||
imageAlt: "streetwear fashion influencer portrait",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", date: "Jan 2024", title: "Creative Lead", quote: "The aesthetic is unmatched. Feels like wearing the future.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friends-running-up-stairs-night-city_23-2149285683.jpg", imageAlt: "streetwear fashion influencer portrait" },
|
||||
{ id: "2", name: "Maya S.", date: "Dec 2023", title: "Designer", quote: "FANTASTIC changed my perspective on tech-wear.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-jeans-wear-glasses-against-large-graffiti-wall_627829-7743.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189454.jpg", imageAlt: "streetwear fashion influencer portrait" },
|
||||
{ id: "3", name: "Jordan P.", date: "Nov 2023", title: "Photographer", quote: "The quality is insane, totally worth every drop.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg", imageSrc: "http://img.b2bpic.net/free-vector/flat-y2k-stickers-collection_52683-133298.jpg", imageAlt: "streetwear fashion influencer portrait" },
|
||||
{ id: "4", name: "Elena M.", date: "Oct 2023", title: "Creator", quote: "Best drops in the game right now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-friends-taking-selfie-street_23-2148134036.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1139.jpg", imageAlt: "streetwear fashion influencer portrait" },
|
||||
{ id: "5", name: "Sam K.", date: "Sep 2023", title: "Artist", quote: "Futuristic design, perfect fit.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/model-black-trendy-shirt-red-lipstick-blurred-view_114579-8577.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-moving-her-body-studio_23-2149429031.jpg", imageAlt: "streetwear fashion influencer portrait" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear from the visionaries defining the streets."
|
||||
@@ -304,9 +145,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
tag="Join the Movement"
|
||||
title="Get Early Access"
|
||||
description="Be the first to hear about upcoming limited drops. No spam, only vision."
|
||||
@@ -317,32 +156,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="FANTASTIC"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user