Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -33,13 +33,9 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Journey",
|
||||
id: "journey",
|
||||
},
|
||||
name: "Journey", id: "journey"},
|
||||
{
|
||||
name: "Birthday",
|
||||
id: "birthday",
|
||||
},
|
||||
name: "Birthday", id: "birthday"},
|
||||
]}
|
||||
brandName="For My Favorite Human"
|
||||
/>
|
||||
@@ -48,31 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="For My Favorite Human ✨"
|
||||
description="Every day, a little universe waits for you ❤️"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-universe-textured-background_53876-97127.jpg",
|
||||
imageAlt: "Magical Galaxy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-universe-textured-background_53876-97127.jpg", imageAlt: "Magical Galaxy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-fantasy-futuristic-style_23-2151101590.jpg",
|
||||
imageAlt: "Crystal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-fantasy-futuristic-style_23-2151101590.jpg", imageAlt: "Crystal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154726.jpg",
|
||||
imageAlt: "Galaxy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154726.jpg", imageAlt: "Galaxy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushed-painted-spot-abstract-background_23-2148055477.jpg",
|
||||
imageAlt: "Crystal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushed-painted-spot-abstract-background_23-2148055477.jpg", imageAlt: "Crystal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930874.jpg",
|
||||
imageAlt: "Cosmos",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930874.jpg", imageAlt: "Cosmos"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -85,13 +70,9 @@ export default function LandingPage() {
|
||||
description="From May 31 to June 20, let's explore our little universe together."
|
||||
metrics={[
|
||||
{
|
||||
value: "20",
|
||||
title: "Unique Days",
|
||||
},
|
||||
value: "20", title: "Unique Days"},
|
||||
{
|
||||
value: "∞",
|
||||
title: "Memories",
|
||||
},
|
||||
value: "∞", title: "Memories"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-abstract-universe-textured-background_53876-103004.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -107,30 +88,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "May 31: The Orb",
|
||||
description: "Unlocks soon, sweetheart ✨",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/acryllic-color-dissolving-water_53876-98232.jpg",
|
||||
},
|
||||
title: "May 31: The Orb", description: "Unlocks soon, sweetheart ✨", imageSrc: "http://img.b2bpic.net/free-photo/acryllic-color-dissolving-water_53876-98232.jpg"},
|
||||
{
|
||||
title: "June 1: Moon Fragment",
|
||||
description: "Unlocks soon, sweetheart ✨",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-light-lamp-with-futuristic-design_23-2151037656.jpg",
|
||||
},
|
||||
title: "June 1: Moon Fragment", description: "Unlocks soon, sweetheart ✨", imageSrc: "http://img.b2bpic.net/free-photo/view-light-lamp-with-futuristic-design_23-2151037656.jpg"},
|
||||
{
|
||||
title: "June 2: Star Chest",
|
||||
description: "Unlocks soon, sweetheart ✨",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-fantasy-style_23-2151101658.jpg",
|
||||
},
|
||||
title: "June 2: Star Chest", description: "Unlocks soon, sweetheart ✨", imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-fantasy-style_23-2151101658.jpg"},
|
||||
{
|
||||
title: "June 3: Solar Flare",
|
||||
description: "Unlocks soon, sweetheart ✨",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantastical-light-lamp-design_23-2151101613.jpg",
|
||||
},
|
||||
title: "June 3: Solar Flare", description: "Unlocks soon, sweetheart ✨", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantastical-light-lamp-design_23-2151101613.jpg"},
|
||||
{
|
||||
title: "June 4: Comet Tail",
|
||||
description: "Unlocks soon, sweetheart ✨",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-landscape-with-crystals_23-2150916666.jpg",
|
||||
},
|
||||
title: "June 4: Comet Tail", description: "Unlocks soon, sweetheart ✨", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-landscape-with-crystals_23-2150916666.jpg"},
|
||||
]}
|
||||
title="The Daily Unlocks"
|
||||
description="Magical objects representing each day, waiting to be revealed."
|
||||
@@ -144,23 +110,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Firework Stars",
|
||||
value: "Huge",
|
||||
},
|
||||
id: "m1", icon: Sparkles,
|
||||
title: "Firework Stars", value: "Huge"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Glowing Moon",
|
||||
value: "Luminous",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Glowing Moon", value: "Luminous"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Cake,
|
||||
title: "Birthday Surprise",
|
||||
value: "Ready",
|
||||
},
|
||||
id: "m3", icon: Cake,
|
||||
title: "Birthday Surprise", value: "Ready"},
|
||||
]}
|
||||
title="HAPPY BIRTHDAY 🎂"
|
||||
description="Your special day is a galaxy-sized celebration."
|
||||
@@ -169,64 +126,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Memory",
|
||||
name: "June 3 Reveal",
|
||||
price: "Surprise",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-acrylic-balls-water_23-2148469365.jpg",
|
||||
},
|
||||
id: "p1", brand: "Memory", name: "June 3 Reveal", price: "Surprise", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/red-acrylic-balls-water_23-2148469365.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Poem",
|
||||
name: "Hidden Note",
|
||||
price: "Secret",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-fantasy-style_23-2151101643.jpg",
|
||||
},
|
||||
id: "p2", brand: "Poem", name: "Hidden Note", price: "Secret", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/lamp-design-with-fantasy-style_23-2151101643.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Memory",
|
||||
name: "Constellation",
|
||||
price: "Locked",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-decoration_23-2149285582.jpg",
|
||||
},
|
||||
id: "p3", brand: "Memory", name: "Constellation", price: "Locked", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-decoration_23-2149285582.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Surprise",
|
||||
name: "Floating Heart",
|
||||
price: "Locked",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-soft-brown-spheres_23-2148235963.jpg",
|
||||
},
|
||||
id: "p4", brand: "Surprise", name: "Floating Heart", price: "Locked", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-soft-brown-spheres_23-2148235963.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Memory",
|
||||
name: "Love Key",
|
||||
price: "Locked",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/splash-colorful-water-representing-bird_23-2147837308.jpg",
|
||||
},
|
||||
id: "p5", brand: "Memory", name: "Love Key", price: "Locked", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/splash-colorful-water-representing-bird_23-2147837308.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Gift",
|
||||
name: "Comet Wish",
|
||||
price: "Locked",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-green-orange-sphere_23-2148235961.jpg",
|
||||
},
|
||||
id: "p6", brand: "Gift", name: "Comet Wish", price: "Locked", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-green-orange-sphere_23-2148235961.jpg"},
|
||||
]}
|
||||
title="Hidden Surprises"
|
||||
description="Explore the wonders hidden in our shared universe."
|
||||
@@ -240,33 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Phase 1",
|
||||
price: "May 31",
|
||||
period: "June 10",
|
||||
features: [
|
||||
"Orb Unlock",
|
||||
"Memory Reveal",
|
||||
],
|
||||
id: "basic", title: "Phase 1", price: "May 31", period: "June 10", features: [
|
||||
"Orb Unlock", "Memory Reveal"],
|
||||
button: {
|
||||
text: "Preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flaming-tulip-flower-fire-aesthetic-environment-remix-with-fire-effect_53876-145277.jpg",
|
||||
},
|
||||
text: "Preview"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flaming-tulip-flower-fire-aesthetic-environment-remix-with-fire-effect_53876-145277.jpg"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Phase 2",
|
||||
price: "June 11",
|
||||
period: "June 20",
|
||||
features: [
|
||||
"Birthday Event",
|
||||
"Final Portal",
|
||||
],
|
||||
id: "pro", title: "Phase 2", price: "June 11", period: "June 20", features: [
|
||||
"Birthday Event", "Final Portal"],
|
||||
button: {
|
||||
text: "Preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896295.jpg",
|
||||
},
|
||||
text: "Preview"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896295.jpg"},
|
||||
]}
|
||||
title="Timeline"
|
||||
description="Our journey through time and space."
|
||||
@@ -281,45 +187,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "May 31",
|
||||
role: "Memory",
|
||||
company: "Orb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896362.jpg",
|
||||
},
|
||||
id: "1", name: "May 31", role: "Memory", company: "Orb", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-surrealistic-abstract-background_23-2151896362.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "June 3",
|
||||
role: "Birthday",
|
||||
company: "Celebration",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603012.jpg",
|
||||
},
|
||||
id: "2", name: "June 3", role: "Birthday", company: "Celebration", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603012.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "June 10",
|
||||
role: "Memory",
|
||||
company: "Orb",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-paper-planets-arrangement_23-2148874935.jpg",
|
||||
},
|
||||
id: "3", name: "June 10", role: "Memory", company: "Orb", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-paper-planets-arrangement_23-2148874935.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "June 20",
|
||||
role: "Portal",
|
||||
company: "Finale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-pink-crystal-geode_23-2151994372.jpg",
|
||||
},
|
||||
id: "4", name: "June 20", role: "Portal", company: "Finale", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-pink-crystal-geode_23-2151994372.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Daily",
|
||||
role: "Magic",
|
||||
company: "Universe",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-hued-colorful-soap-bubbles-black-background_23-2148235722.jpg",
|
||||
},
|
||||
id: "5", name: "Daily", role: "Magic", company: "Universe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-hued-colorful-soap-bubbles-black-background_23-2148235722.jpg"},
|
||||
]}
|
||||
title="Fragments of Us"
|
||||
description="Each day leaves a mark in our galaxy."
|
||||
@@ -330,15 +211,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Love Note"
|
||||
title="Ready to write?"
|
||||
description="Start filling in the memories and messages to make this galaxy yours."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Writing",
|
||||
},
|
||||
text: "Begin Writing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -349,29 +228,19 @@ export default function LandingPage() {
|
||||
logoText="My Universe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Journey",
|
||||
href: "#journey",
|
||||
},
|
||||
label: "Journey", href: "#journey"},
|
||||
{
|
||||
label: "Birthday",
|
||||
href: "#birthday",
|
||||
},
|
||||
label: "Birthday", href: "#birthday"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user