Merge version_1 into main #1
@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MakeItPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Will I Make It?",
|
||||
id: "/make-it",
|
||||
},
|
||||
{
|
||||
name: "Business I Guess",
|
||||
id: "/business",
|
||||
},
|
||||
{
|
||||
name: "No One Like Me",
|
||||
id: "/isolated",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Will I Make It?", id: "/make-it" },
|
||||
{ name: "Business I Guess", id: "/business" },
|
||||
{ name: "No One Like Me", id: "/isolated" },
|
||||
]}
|
||||
brandName="LULU'S WORLD"
|
||||
/>
|
||||
@@ -51,24 +39,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Urban Energy",
|
||||
description: "Glow of the city neon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3313.jpg",
|
||||
imageAlt: "City Scene",
|
||||
},
|
||||
{
|
||||
title: "Reflective Storms",
|
||||
description: "Clouds reflecting on wet streets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-silhouette-woman_23-2149706974.jpg",
|
||||
imageAlt: "Street Storm",
|
||||
},
|
||||
{
|
||||
title: "Ambitious Dreams",
|
||||
description: "Floating typography of future.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors-with-eyes-closed_171337-19396.jpg",
|
||||
imageAlt: "Ambition",
|
||||
},
|
||||
{ title: "Urban Energy", description: "Glow of the city neon.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-posing-with-elegant-suit_1328-3313.jpg", imageAlt: "City Scene" },
|
||||
{ title: "Reflective Storms", description: "Clouds reflecting on wet streets.", imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-silhouette-woman_23-2149706974.jpg", imageAlt: "Street Storm" },
|
||||
{ title: "Ambitious Dreams", description: "Floating typography of future.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors-with-eyes-closed_171337-19396.jpg", imageAlt: "Ambition" },
|
||||
]}
|
||||
title="Will I Make It?"
|
||||
description="The uncertainty of the night. A cinematic cityscape of ambition, pressure, and hope."
|
||||
@@ -80,43 +53,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "City Storm Coat",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8230.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Reflective Pants",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478974.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ambition Blazer",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-african-american-guy-wearing-white-tshirt-looking-aggressive-camera-with-white-background_574295-5426.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Night Sky Knit",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-headphones-notebook-dark-background_185193-163879.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Reflection Boots",
|
||||
price: "$900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-view-indoors-window-curtains_23-2149657515.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Skyline Hoodie",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-yellow-cloth_23-2148546948.jpg",
|
||||
},
|
||||
{ id: "p1", name: "City Storm Coat", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8230.jpg" },
|
||||
{ id: "p2", name: "Neon Reflective Pants", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478974.jpg" },
|
||||
{ id: "p3", name: "Ambition Blazer", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/angry-african-american-guy-wearing-white-tshirt-looking-aggressive-camera-with-white-background_574295-5426.jpg" },
|
||||
{ id: "p4", name: "Night Sky Knit", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-headphones-notebook-dark-background_185193-163879.jpg" },
|
||||
{ id: "p5", name: "Reflection Boots", price: "$900", imageSrc: "http://img.b2bpic.net/free-photo/creative-view-indoors-window-curtains_23-2149657515.jpg" },
|
||||
{ id: "p6", name: "Skyline Hoodie", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-yellow-cloth_23-2148546948.jpg" },
|
||||
]}
|
||||
title="Collection One"
|
||||
description="Wear the uncertainty."
|
||||
@@ -127,57 +71,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="LULU'S WORLD"
|
||||
columns={[
|
||||
{
|
||||
title: "Worlds",
|
||||
items: [
|
||||
{
|
||||
label: "Will I Make It?",
|
||||
href: "/make-it",
|
||||
},
|
||||
{
|
||||
label: "Business I Guess",
|
||||
href: "/business",
|
||||
},
|
||||
{
|
||||
label: "No One Like Me",
|
||||
href: "/isolated",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Universe",
|
||||
items: [
|
||||
{
|
||||
label: "About Lulu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Worlds", items: [{ label: "Will I Make It?", href: "/make-it" }, { label: "Business I Guess", href: "/business" }, { label: "No One Like Me", href: "/isolated" }] },
|
||||
{ title: "Universe", items: [{ label: "About Lulu", href: "#" }, { label: "Philosophy", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
205
src/app/page.tsx
205
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Will I Make It?",
|
||||
id: "/make-it",
|
||||
},
|
||||
{
|
||||
name: "Business I Guess",
|
||||
id: "/business",
|
||||
},
|
||||
{
|
||||
name: "No One Like Me",
|
||||
id: "/isolated",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Will I Make It?", id: "/make-it" },
|
||||
{ name: "Business I Guess", id: "/business" },
|
||||
{ name: "No One Like Me", id: "/isolated" },
|
||||
]}
|
||||
brandName="LULU'S WORLD"
|
||||
/>
|
||||
@@ -51,36 +39,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Welcome to Lulu's World"
|
||||
description="Step inside the mental landscape. A brand universe of evolving emotions and psychological worlds."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-city-night_1203-1025.jpg",
|
||||
imageAlt: "Urban Night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-marble-textured-background_53876-101769.jpg",
|
||||
imageAlt: "Luxury Corporate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897662.jpg",
|
||||
imageAlt: "Isolated Studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840679.jpg",
|
||||
imageAlt: "Urban Night 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sparkling-champagne-glasses-tray_23-2148356435.jpg",
|
||||
imageAlt: "Luxury Corporate 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-empty-stage_23-2151949830.jpg",
|
||||
imageAlt: "Isolated Studio 2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/big-city-night_1203-1025.jpg", imageAlt: "Urban Night" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-marble-textured-background_53876-101769.jpg", imageAlt: "Luxury Corporate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897662.jpg", imageAlt: "Isolated Studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-city-street-night_23-2150840679.jpg", imageAlt: "Urban Night 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sparkling-champagne-glasses-tray_23-2148356435.jpg", imageAlt: "Luxury Corporate 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spotlight-empty-stage_23-2151949830.jpg", imageAlt: "Isolated Studio 2" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,18 +60,9 @@ export default function LandingPage() {
|
||||
title="The Mind of Lulu"
|
||||
description="Lulu’s World is not just a fashion label. It is a persistent emotional journey, structured into three distinct universes that define the identity of the wearer."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Immersive Worlds",
|
||||
description: "Each collection is a psychological state you step into.",
|
||||
},
|
||||
{
|
||||
title: "First-Person POV",
|
||||
description: "You are the perspective, living the design philosophy.",
|
||||
},
|
||||
{
|
||||
title: "Emotional Rarity",
|
||||
description: "Fashion as a mirror for your own internal landscape.",
|
||||
},
|
||||
{ title: "Immersive Worlds", description: "Each collection is a psychological state you step into." },
|
||||
{ title: "First-Person POV", description: "You are the perspective, living the design philosophy." },
|
||||
{ title: "Emotional Rarity", description: "Fashion as a mirror for your own internal landscape." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pink-salt-lake-crimea_1385-3573.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -118,57 +77,9 @@ export default function LandingPage() {
|
||||
title="Emotional Tiers"
|
||||
description="Select the level of immersion your psyche requires."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Observer",
|
||||
price: "$150",
|
||||
subtitle: "Entry level",
|
||||
buttons: [
|
||||
{
|
||||
text: "Begin",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited access",
|
||||
"Basic aura",
|
||||
"One persona",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Elite",
|
||||
price: "$500",
|
||||
subtitle: "Deep immersion",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full access",
|
||||
"Advanced aura",
|
||||
"Three personas",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Rarity",
|
||||
price: "Contact",
|
||||
subtitle: "Exclusive",
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Global access",
|
||||
"Signature aura",
|
||||
"Direct access",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Observer", price: "$150", subtitle: "Entry level", buttons: [{ text: "Begin", href: "#" }], features: ["Limited access", "Basic aura", "One persona"] },
|
||||
{ id: "p2", badge: "Elite", price: "$500", subtitle: "Deep immersion", buttons: [{ text: "Join", href: "#" }], features: ["Full access", "Advanced aura", "Three personas"] },
|
||||
{ id: "p3", badge: "Rarity", price: "Contact", subtitle: "Exclusive", buttons: [{ text: "Apply", href: "#" }], features: ["Global access", "Signature aura", "Direct access"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,24 +88,13 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="entrance-slide"
|
||||
title="Queries from the Void"
|
||||
description="Common inquiries about the LULU brand landscape."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is Lulu real?",
|
||||
content: "The persona exists within the collective digital unconscious.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I leave?",
|
||||
content: "Once the experience begins, one rarely wishes to depart.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the material?",
|
||||
content: "Fabric crafted from shadows and light.",
|
||||
},
|
||||
{ id: "f1", title: "Is Lulu real?", content: "The persona exists within the collective digital unconscious." },
|
||||
{ id: "f2", title: "Can I leave?", content: "Once the experience begins, one rarely wishes to depart." },
|
||||
{ id: "f3", title: "What is the material?", content: "Fabric crafted from shadows and light." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -202,18 +102,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="URGENCY"
|
||||
title="Claim Your Persona"
|
||||
description="Don't let the moment vanish into the ether. Secure your unique identity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Initiate",
|
||||
href: "/make-it",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Initiate", href: "/make-it" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,57 +114,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="LULU'S WORLD"
|
||||
columns={[
|
||||
{
|
||||
title: "Worlds",
|
||||
items: [
|
||||
{
|
||||
label: "Will I Make It?",
|
||||
href: "/make-it",
|
||||
},
|
||||
{
|
||||
label: "Business I Guess",
|
||||
href: "/business",
|
||||
},
|
||||
{
|
||||
label: "No One Like Me",
|
||||
href: "/isolated",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Universe",
|
||||
items: [
|
||||
{
|
||||
label: "About Lulu",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Worlds", items: [{ label: "Will I Make It?", href: "/make-it" }, { label: "Business I Guess", href: "/business" }, { label: "No One Like Me", href: "/isolated" }] },
|
||||
{ title: "Universe", items: [{ label: "About Lulu", href: "#" }, { label: "Philosophy", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user