Merge version_2 into main #4
120
src/app/page.tsx
120
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Film, Heart, MessageCircle } from "lucide-react";
|
||||
import { Film, Heart, MessageCircle, Image as ImageIcon, Mail, Mic } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,14 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Memories", id: "memories"},
|
||||
{
|
||||
name: "Connection", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gallery", id: "memories" },
|
||||
{ name: "Letters", id: "letters" },
|
||||
{ name: "Communicate", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Our Portal"
|
||||
/>
|
||||
@@ -47,35 +44,20 @@ export default function LandingPage() {
|
||||
title="A Digital Home for Our Love"
|
||||
description="Every photo tells a story, every song holds a memory. Here, our distance feels like nothing at all."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex", handle: "@alex", testimonial: "This space makes our distance feel so much smaller.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453417.jpg"},
|
||||
{
|
||||
name: "Jamie", handle: "@jamie", testimonial: "I love looking back at our photos together here.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-mysterious-interior-lights-around-her_23-2148946721.jpg"},
|
||||
{
|
||||
name: "Sam", handle: "@sam", testimonial: "The perfect place to store all our favorite memories.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunlight-shadow-bed_23-2148870643.jpg"},
|
||||
{
|
||||
name: "Taylor", handle: "@taylor", testimonial: "Our private little nook in the digital world.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453419.jpg"},
|
||||
{
|
||||
name: "Casey", handle: "@casey", testimonial: "The best way to stay connected every single day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-darkroom_23-2149893841.jpg"},
|
||||
{ name: "Alex", handle: "@alex", testimonial: "This space makes our distance feel so much smaller.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453417.jpg" },
|
||||
{ name: "Jamie", handle: "@jamie", testimonial: "I love looking back at our photos together here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-mysterious-interior-lights-around-her_23-2148946721.jpg" },
|
||||
{ name: "Sam", handle: "@sam", testimonial: "The perfect place to store all our favorite memories.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sunlight-shadow-bed_23-2148870643.jpg" },
|
||||
{ name: "Taylor", handle: "@taylor", testimonial: "Our private little nook in the digital world.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453419.jpg" },
|
||||
{ name: "Casey", handle: "@casey", testimonial: "The best way to stay connected every single day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-darkroom_23-2149893841.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-home-with-mysterious-interior-lights-around-her_23-2148946726.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/antique-word-website-template-layout-cursor-graphic_53876-120899.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-shot-photos-slim-keyboard-orange-candle-paper-origami-thread-white-desk_181624-16732.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-steel-lettering-love-with-lamps-stands-white-dinner-table_1304-3237.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-holding-tablet-with-blank-screen-bed-with-food_23-2148027324.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307295.jpg", alt: "Avatar 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/antique-word-website-template-layout-cursor-graphic_53876-120899.jpg", alt: "Avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/aerial-shot-photos-slim-keyboard-orange-candle-paper-origami-thread-white-desk_181624-16732.jpg", alt: "Avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-steel-lettering-love-with-lamps-stands-white-dinner-table_1304-3237.jpg", alt: "Avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-holding-tablet-with-blank-screen-bed-with-food_23-2148027324.jpg", alt: "Avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307295.jpg", alt: "Avatar 5" },
|
||||
]}
|
||||
avatarText="Join the love story"
|
||||
/>
|
||||
@@ -84,9 +66,10 @@ export default function LandingPage() {
|
||||
<div id="memories" data-section="memories">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Captured Moments"
|
||||
title="Photo Gallery"
|
||||
description={[
|
||||
"I've gathered these pictures to keep our smiles close. Each one comes with a story, a song, and a little piece of my heart just for you.", "Whether it's a laugh we shared or a quiet day we spent, these snapshots are our tiny timeline of joy."]}
|
||||
"I've gathered these pictures to keep our smiles close. Each one comes with a story, a song, and a little piece of my heart just for you.", "Whether it's a laugh we shared or a quiet day we spent, these snapshots are our tiny timeline of joy."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,35 +79,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Memory Lane", description: "Browse our photo collection, read my letters, and listen to the songs that define our journey.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-celebrating-world-photography-day_23-2151644759.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-looking-picture-album_23-2149515297.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Date Night", description: "We don't need a theater; we can watch our favorites together, anytime, anywhere with seamless screen sharing.", icon: Film,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-virtual-date_23-2149265864.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-bedroom_1157-27734.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Always Connected", description: "Send flowers, drop sweet messages, or jump on a call. You're never more than a click away.", icon: MessageCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-sitting-shore-sunset-lake-polka-new-zealand_181624-11238.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-note-with-encouragement-quote_23-2150105140.jpg"},
|
||||
],
|
||||
},
|
||||
{ title: "Gallery", description: "Browse our photo collection.", icon: ImageIcon, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/old-woman-celebrating-world-photography-day_23-2151644759.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-looking-picture-album_23-2149515297.jpg" }] },
|
||||
{ title: "Letters", description: "Read and write deep, meaningful notes to each other.", icon: Mail, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/paper-note-with-encouragement-quote_23-2150105140.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dark-steel-lettering-love-with-lamps-stands-white-dinner-table_1304-3237.jpg" }] },
|
||||
{ title: "Communicate", description: "Stay in touch with calls and messages.", icon: Mic, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/girls-sitting-shore-sunset-lake-polka-new-zealand_181624-11238.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-virtual-date_23-2149265864.jpg" }] },
|
||||
]}
|
||||
title="Things We Can Do Together"
|
||||
title="Communication Tools"
|
||||
description="Bridge the gap with tools built for us to stay connected every single day."
|
||||
/>
|
||||
</div>
|
||||
@@ -134,12 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Can I leave a comment?", content: "Absolutely! Every photo has a space for your thoughts, your favorite emojis, and long letters."},
|
||||
{
|
||||
id: "2", title: "How do we play games?", content: "I've integrated some classic browser games we can play in sync. Just hit the 'Games' button when we're ready!"},
|
||||
{
|
||||
id: "3", title: "Is my data safe?", content: "Yes, everything we share here is just between us, encrypted with love and care."},
|
||||
{ id: "1", title: "Can I leave a comment?", content: "Absolutely! Every photo has a space for your thoughts, your favorite emojis, and long letters." },
|
||||
{ id: "2", title: "How do we play games?", content: "I've integrated some classic browser games we can play in sync. Just hit the 'Games' button when we're ready!" },
|
||||
{ id: "3", title: "Is my data safe?", content: "Yes, everything we share here is just between us, encrypted with love and care." },
|
||||
]}
|
||||
title="How This Works"
|
||||
description="A quick look at how you can interact with our special portal."
|
||||
@@ -150,8 +106,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Love Note"
|
||||
title="Send a Message Now"
|
||||
description="Whenever you're thinking of me, just drop a line. It hits my heart instantly."
|
||||
@@ -163,26 +118,13 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girls-sitting-shore-sunset-lake-polka-new-zealand_181624-11238.jpg?_wi=2"
|
||||
logoText="Our Portal"
|
||||
columns={[
|
||||
{
|
||||
title: "Memories", items: [
|
||||
{
|
||||
label: "All Photos", href: "#memories"},
|
||||
{
|
||||
label: "Letters", href: "#letters"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Call Now", href: "#call"},
|
||||
{
|
||||
label: "Message", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Gallery", items: [{ label: "View All", href: "#memories" }] },
|
||||
{ title: "Letters", items: [{ label: "Read All", href: "#features" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user