Merge version_1 into main #2
315
src/app/page.tsx
315
src/app/page.tsx
@@ -31,119 +31,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Journey",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "highlights",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Journey", id: "about" },
|
||||
{ name: "Highlights", id: "highlights" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Memory Lane"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Capturing Life's Best Moments"
|
||||
description="A curated collection of cherished memories and shared laughter. Join us on this journey through time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex",
|
||||
handle: "@alex",
|
||||
testimonial: "The best way to relive our favorite days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jamie",
|
||||
handle: "@jamie",
|
||||
testimonial: "Such a warm and thoughtful design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-hipster-with-yellow-hairstyle-bright-vivid-makeup-dressed-casual-jumper-metal-chain-has-own-believes-extraordinary-look-poses-against-grey-wall-blank-copy-space_273609-53790.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan",
|
||||
handle: "@jordan",
|
||||
testimonial: "I love looking back at these photos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-dark-skinned-female-with-bushy-hairdo-wears-summer-t-shirt-bracelet_273609-3168.jpg",
|
||||
},
|
||||
{
|
||||
name: "Casey",
|
||||
handle: "@casey",
|
||||
testimonial: "Beautifully put together, truly nostalgic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-surprising-her-female-best-friend-model-covering-her-eyes-hugging-from_158538-1216.jpg",
|
||||
},
|
||||
{
|
||||
name: "Taylor",
|
||||
handle: "@taylor",
|
||||
testimonial: "Perfect digital scrapbooking for friends.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{ name: "Alex", handle: "@alex", testimonial: "The best way to relive our favorite days.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-1994hq2z.jpg" },
|
||||
{ name: "Jamie", handle: "@jamie", testimonial: "Such a warm and thoughtful design.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-ytih5ydq.jpg" },
|
||||
{ name: "Jordan", handle: "@jordan", testimonial: "I love looking back at these photos.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-8w82fias.jpg" },
|
||||
{ name: "Casey", handle: "@casey", testimonial: "Beautifully put together, truly nostalgic.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-h5pm9l7h.jpg" },
|
||||
{ name: "Taylor", handle: "@taylor", testimonial: "Perfect digital scrapbooking for friends.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381916-q55wx9h3.jpg" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-1994hq2z.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-1994hq2z.jpg"
|
||||
imageAlt="Shared memory photo"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
alt: "Portrait of smiling girl",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
alt: "Portrait of successful woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",
|
||||
alt: "Portrait of smiling man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Portrait of woman in glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-pretty-female-with-hair-knot-wearing-casual-t-shirt-smiling-pleasantly-demonstrating-white-perfect-teeth_273609-309.jpg",
|
||||
alt: "Portrait of cheerful female",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Adventure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friendship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Laughter",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Memories",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,15 +64,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-ytih5ydq.jpg",
|
||||
alt: "Group memory",
|
||||
},
|
||||
{ type: "text", content: "Our Story" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-ytih5ydq.jpg", alt: "Group memory" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,68 +77,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Shared Meals",
|
||||
description: "Laughter over shared food and drinks.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-8w82fias.jpg",
|
||||
imageAlt: "Group lunch",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Genuine joy",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
text: "True friendship",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-1994hq2z.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
title: "Shared Meals", description: "Laughter over shared food and drinks.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-8w82fias.jpg", imageAlt: "Group lunch" },
|
||||
items: [{ icon: Star, text: "Genuine joy" }, { icon: Heart, text: "True friendship" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Fun Times",
|
||||
description: "Never taking life too seriously.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-h5pm9l7h.jpg",
|
||||
imageAlt: "Fun antics",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Endless energy",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Pure bliss",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-ytih5ydq.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
title: "Fun Times", description: "Never taking life too seriously.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-h5pm9l7h.jpg", imageAlt: "Fun antics" },
|
||||
items: [{ icon: Zap, text: "Endless energy" }, { icon: Smile, text: "Pure bliss" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Milestones",
|
||||
description: "Growing up together one day at a time.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381916-q55wx9h3.jpg",
|
||||
imageAlt: "Growing up",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Shared growth",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Time well spent",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-space-paper-textured-background_53876-153339.jpg",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
title: "Milestones", description: "Growing up together one day at a time.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381916-q55wx9h3.jpg", imageAlt: "Growing up" },
|
||||
items: [{ icon: Award, text: "Shared growth" }, { icon: Clock, text: "Time well spent" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Favorite Adventures"
|
||||
description="Snapshots of the moments that made us who we are today."
|
||||
@@ -245,21 +103,9 @@ export default function LandingPage() {
|
||||
title="Our Journey in Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10+",
|
||||
description: "Years of friendship",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Captured memories",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "20+",
|
||||
description: "Adventures taken",
|
||||
},
|
||||
{ id: "1", value: "10+", description: "Years of friendship" },
|
||||
{ id: "2", value: "500+", description: "Captured memories" },
|
||||
{ id: "3", value: "20+", description: "Adventures taken" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -271,41 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Friend",
|
||||
testimonial: "I love looking through these memories every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael",
|
||||
role: "Friend",
|
||||
testimonial: "So nostalgic and warming to see these.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-mixed-race-women-with-positive-expression-embrace-each-other-while-spend-free-time-cafeteria-wear-spectacles_273609-18142.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
role: "Friend",
|
||||
testimonial: "The best trip down memory lane.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
role: "Friend",
|
||||
testimonial: "Beautifully captured moments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-surprising-her-female-best-friend-model-covering-her-eyes-hugging-from_158538-1217.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane",
|
||||
role: "Friend",
|
||||
testimonial: "A truly heartwarming experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "Friend", testimonial: "I love looking through these memories every day.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg" },
|
||||
{ id: "2", name: "Michael", role: "Friend", testimonial: "So nostalgic and warming to see these.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-mixed-race-women-with-positive-expression-embrace-each-other-while-spend-free-time-cafeteria-wear-spectacles_273609-18142.jpg" },
|
||||
{ id: "3", name: "Emily", role: "Friend", testimonial: "The best trip down memory lane.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-casual-clothes-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-34513.jpg" },
|
||||
{ id: "4", name: "David", role: "Friend", testimonial: "Beautifully captured moments.", imageSrc: "http://img.b2bpic.net/free-photo/girl-surprising-her-female-best-friend-model-covering-her-eyes-hugging-from_158538-1217.jpg" },
|
||||
{ id: "5", name: "Jane", role: "Friend", testimonial: "A truly heartwarming experience.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" }
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Friends and family sharing their thoughts on our collective memories."
|
||||
@@ -317,21 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How are photos added?",
|
||||
content: "Reach out to the admin to contribute your favorite shots.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I download photos?",
|
||||
content: "Yes, just right click and save any photo you love.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is this private?",
|
||||
content: "This is a private collection for friends and family only.",
|
||||
},
|
||||
{ id: "q1", title: "How are photos added?", content: "Reach out to the admin to contribute your favorite shots." },
|
||||
{ id: "q2", title: "Can I download photos?", content: "Yes, just right click and save any photo you love." },
|
||||
{ id: "q3", title: "Is this private?", content: "This is a private collection for friends and family only." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="A little more info about this memory board."
|
||||
@@ -344,24 +148,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Contribute a Memory"
|
||||
description="Have a photo you want to see here? Send it our way!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about the memory...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-ytih5ydq.jpg?_wi=2"
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about the memory...", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZjsYB143bYWpG9tvUlUddqh/uploaded-1777336381915-ytih5ydq.jpg"
|
||||
imageAlt="Memories background"
|
||||
/>
|
||||
</div>
|
||||
@@ -370,32 +159,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Memory Lane"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Memory Lane. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user