Merge version_1 into main #1
178
src/app/page.tsx
178
src/app/page.tsx
@@ -17,23 +17,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Archives",
|
||||
id: "#archives",
|
||||
},
|
||||
name: "Archives", id: "#archives"},
|
||||
{
|
||||
name: "The Journey",
|
||||
id: "#about",
|
||||
},
|
||||
name: "The Journey", id: "#about"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Settings", id: "#contact"},
|
||||
]}
|
||||
brandName="Future Echoes"
|
||||
/>
|
||||
@@ -42,117 +43,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Whisper something to the wind"
|
||||
description="What should your future self never forget about today? Seal a moment in time."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-fog-bits-darkness_23-2148101950.jpg",
|
||||
imageAlt: "Time Capsule UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-fog-bits-darkness_23-2148101950.jpg", imageAlt: "Time Capsule UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-coast-iseo-lake-italy_181624-22035.jpg",
|
||||
imageAlt: "Saint Malo Coast",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-coast-iseo-lake-italy_181624-22035.jpg", imageAlt: "Saint Malo Coast"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg",
|
||||
imageAlt: "Voice Waveform",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-waves-background-with-flowing-particles_1048-18665.jpg", imageAlt: "Voice Waveform"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-bicycle-bench-bin-naked-tree-brick-building_181624-20462.jpg",
|
||||
imageAlt: "Golden Fog Window",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-bicycle-bench-bin-naked-tree-brick-building_181624-20462.jpg", imageAlt: "Golden Fog Window"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/touching-future-email-interface_23-2151964652.jpg",
|
||||
imageAlt: "Digital Seal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/touching-future-email-interface_23-2151964652.jpg", imageAlt: "Digital Seal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-ocean-beautiful-bright-sky-reflection-water-waves_1321-817.jpg",
|
||||
imageAlt: "Garden Terrace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunset-ocean-beautiful-bright-sky-reflection-water-waves_1321-817.jpg", imageAlt: "Garden Terrace"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sea-shore-with-colorful-sunset-horizon_181624-21505.jpg",
|
||||
imageAlt: "Garden Terrace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sea-shore-with-colorful-sunset-horizon_181624-21505.jpg", imageAlt: "Garden Terrace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-indicating-messages-unread_1134-146.jpg",
|
||||
imageAlt: "Digital Seal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-indicating-messages-unread_1134-146.jpg", imageAlt: "Digital Seal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-dreamy-setting_23-2151835399.jpg",
|
||||
imageAlt: "Golden Fog Window",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-dreamy-setting_23-2151835399.jpg", imageAlt: "Golden Fog Window"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-painted-shockwave_1353-186.jpg",
|
||||
imageAlt: "Voice Waveform",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-painted-shockwave_1353-186.jpg", imageAlt: "Voice Waveform"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dramatic-shot-coast-ocean-with-breathtaking-sky_181624-520.jpg",
|
||||
imageAlt: "Saint Malo Coast",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dramatic-shot-coast-ocean-with-breathtaking-sky_181624-520.jpg", imageAlt: "Saint Malo Coast"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-banner-design_1040-882.jpg",
|
||||
imageAlt: "Time Capsule UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-banner-design_1040-882.jpg", imageAlt: "Time Capsule UI"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Seal Capsule",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Seal Capsule", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cement-wall-with-vintage-window_23-2148394773.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cement-wall-with-vintage-window_23-2148394773.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-wall-with-windows_23-2148106994.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/city-wall-with-windows_23-2148106994.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-brown-building-with-blue-glass-windows-rusty-aesthetics_181624-8010.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-brown-building-with-blue-glass-windows-rusty-aesthetics_181624-8010.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/email-network-communication-perforated-paper-letter_53876-138593.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/email-network-communication-perforated-paper-letter_53876-138593.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/finger-touching-illuminated-magnifier-with-envelopes-background_1134-305.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/finger-touching-illuminated-magnifier-with-envelopes-background_1134-305.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Over 5,000 memories sealed"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/isometric-set-futuristic-banners-digital-data-concept-server-room-web-hosting_39422-784.jpg",
|
||||
alt: "Icon 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/isometric-set-futuristic-banners-digital-data-concept-server-room-web-hosting_39422-784.jpg", alt: "Icon 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/mobile-banner-development-programming-mobile-application-server-room-isometric-icon-data_39422-989.jpg",
|
||||
alt: "Icon 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/mobile-banner-development-programming-mobile-application-server-room-isometric-icon-data_39422-989.jpg", alt: "Icon 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/set-banner-with-server-room-database-icons-data-science_39422-742.jpg",
|
||||
alt: "Icon 3",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/set-banner-with-server-room-database-icons-data-science_39422-742.jpg", alt: "Icon 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/digital-data-analysis-dashboard-server-room_107791-19491.jpg",
|
||||
alt: "Icon 4",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/digital-data-analysis-dashboard-server-room_107791-19491.jpg", alt: "Icon 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/internet-hub-router-traffic-splitter-data-encryption-concept-red-blue-color-server-room_39422-894.jpg",
|
||||
alt: "Icon 5",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/internet-hub-router-traffic-splitter-data-encryption-concept-red-blue-color-server-room_39422-894.jpg", alt: "Icon 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Regarding house on cliff side",
|
||||
price: "Arriving 2027",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048134.jpg",
|
||||
},
|
||||
id: "1", name: "Regarding house on cliff side", price: "Arriving 2027", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048134.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Note to your 40th birthday",
|
||||
price: "Arriving 2029",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surreal-geometric-shapes-barren-desert_23-2151296299.jpg",
|
||||
},
|
||||
id: "2", name: "Note to your 40th birthday", price: "Arriving 2029", imageSrc: "http://img.b2bpic.net/free-photo/surreal-geometric-shapes-barren-desert_23-2151296299.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "View from old apartment",
|
||||
price: "Arriving 2031",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248312.jpg",
|
||||
},
|
||||
id: "3", name: "View from old apartment", price: "Arriving 2031", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248312.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Summer storm reflections",
|
||||
price: "Arriving 2033",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048161.jpg",
|
||||
},
|
||||
id: "4", name: "Summer storm reflections", price: "Arriving 2033", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048161.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "The Garden Terrace",
|
||||
price: "Unsealed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339778.jpg",
|
||||
},
|
||||
id: "5", name: "The Garden Terrace", price: "Unsealed", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339778.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Quiet clarity moment",
|
||||
price: "Arriving 2037",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medication-black_1150-13889.jpg",
|
||||
},
|
||||
id: "6", name: "Quiet clarity moment", price: "Arriving 2037", imageSrc: "http://img.b2bpic.net/free-photo/medication-black_1150-13889.jpg"},
|
||||
]}
|
||||
title="The Echoes"
|
||||
description="Traveling forward, locked in time for when you need to remember."
|
||||
@@ -226,29 +151,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Mic,
|
||||
title: "Capture Voice",
|
||||
description: "Record your thoughts or a special message with crystal clarity.",
|
||||
},
|
||||
title: "Capture Voice", description: "Record your thoughts or a special message with crystal clarity."},
|
||||
{
|
||||
icon: Image,
|
||||
title: "Attach Memories",
|
||||
description: "Upload photos to preserve visual context for your future self.",
|
||||
},
|
||||
title: "Attach Memories", description: "Upload photos to preserve visual context for your future self."},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Encrypt & Seal",
|
||||
description: "Military-grade encryption ensures your notes remain private.",
|
||||
},
|
||||
title: "Encrypt & Seal", description: "Military-grade encryption ensures your notes remain private."},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Choose Arrival",
|
||||
description: "Pick a specific date for your memory to be unlocked.",
|
||||
},
|
||||
title: "Choose Arrival", description: "Pick a specific date for your memory to be unlocked."},
|
||||
{
|
||||
icon: Send,
|
||||
title: "Deliver safely",
|
||||
description: "We store your echoes in our redundant, secure cloud vault.",
|
||||
},
|
||||
title: "Deliver safely", description: "We store your echoes in our redundant, secure cloud vault."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -257,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Seal a memory"
|
||||
description="What should your future self never forget about today? Attach your voice or an image, and deliver it to your future."
|
||||
buttonText="Seal Capsule"
|
||||
|
||||
Reference in New Issue
Block a user