|
|
|
|
@@ -5,11 +5,13 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
|
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
|
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
|
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import { Package } from 'lucide-react';
|
|
|
|
|
import { Package, Sparkles, Heart, Eye } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function SitePage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -30,11 +32,13 @@ export default function SitePage() {
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Moments", id: "features" },
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Stories", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{ name: "Impact", id: "metrics" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="In My Life"
|
|
|
|
|
brandName="Life In Me"
|
|
|
|
|
button={{ text: "View Gallery", href: "#gallery" }}
|
|
|
|
|
buttonClassName="min-w-fit px-4 py-2 text-sm rounded-full font-medium shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out"
|
|
|
|
|
buttonTextClassName="text-foreground"
|
|
|
|
|
@@ -43,7 +47,7 @@ export default function SitePage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
title="In My Life: A Visual Journey"
|
|
|
|
|
title="Life In Me: A Visual Journey"
|
|
|
|
|
description="Discover a curated collection of moments, emotions, and stories captured through the lens. Each photograph tells a unique tale from the journey of life."
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
@@ -63,7 +67,22 @@ export default function SitePage() {
|
|
|
|
|
tag="Photography Collection"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
ariaLabel="Hero section for In My Life photo gallery"
|
|
|
|
|
ariaLabel="Hero section for Life In Me photo gallery"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardOne
|
|
|
|
|
title="Flexible Plans for Every Vision"
|
|
|
|
|
description="Choose the perfect plan to showcase your life's moments."
|
|
|
|
|
plans={[
|
|
|
|
|
{ id: '1', badge: 'Basic', badgeIcon: Sparkles, price: '$9/mo', subtitle: 'Start Your Journey', features: ['500 Photos', 'Standard Quality', 'Basic Support'] },
|
|
|
|
|
{ id: '2', badge: 'Pro', badgeIcon: Sparkles, price: '$19/mo', subtitle: 'Elevate Your Story', features: ['Unlimited Photos', 'High Quality', 'Priority Support', 'Custom Layouts'] },
|
|
|
|
|
{ id: '3', badge: 'Premium', badgeIcon: Sparkles, price: '$29/mo', subtitle: 'Unleash Full Potential', features: ['Unlimited Photos & Videos', '4K Quality', '24/7 Premium Support', 'Exclusive Templates', 'Cloud Backup'] }
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -111,7 +130,7 @@ export default function SitePage() {
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<MetricSplitMediaAbout
|
|
|
|
|
title="Our Journey Through the Lens"
|
|
|
|
|
description="'In My Life' is more than just a gallery; it's a testament to moments that shape us. From the smallest details to the grandest vistas, we believe every photograph holds a piece of a larger story. Our passion is to preserve these fleeting instants, making them timeless for you to revisit and cherish."
|
|
|
|
|
description="'Life In Me' is more than just a gallery; it's a testament to moments that shape us. From the smallest details to the grandest vistas, we believe every photograph holds a piece of a larger story. Our passion is to preserve these fleeting instants, making them timeless for you to revisit and cherish."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ value: "10+", title: "Years of Capturing Memories" },
|
|
|
|
|
{ value: "5000+", title: "Photographs in Collection" }
|
|
|
|
|
@@ -128,13 +147,13 @@ export default function SitePage() {
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Anya Sharma, Art Collector", date: "Date: October 26, 2023", title: "Truly Breathtaking Photography!", quote: "The 'In My Life' gallery captures a raw authenticity that is rare and beautiful. Each piece resonates deeply, telling a story that feels both personal and universal. A true treasure.", tag: "Insightful", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg", imageAlt: "Happy couple during a wedding photoshoot" },
|
|
|
|
|
{ id: "2", name: "Mark Benson, Lifestyle Blogger", date: "Date: November 15, 2023", title: "An Inspiring Collection!", quote: "I'm constantly looking for inspiration, and 'In My Life' delivers. The curation is exceptional, and the quality of the photography is simply stunning. It truly enriches my perspective.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mother-hand-holding-baby-little-arm_23-2148341974.jpg", imageAlt: "Parental hands gently holding a newborn baby" },
|
|
|
|
|
{ id: "1", name: "Anya Sharma, Art Collector", date: "Date: October 26, 2023", title: "Truly Breathtaking Photography!", quote: "The 'Life In Me' gallery captures a raw authenticity that is rare and beautiful. Each piece resonates deeply, telling a story that feels both personal and universal. A true treasure.", tag: "Insightful", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg", imageAlt: "Happy couple during a wedding photoshoot" },
|
|
|
|
|
{ id: "2", name: "Mark Benson, Lifestyle Blogger", date: "Date: November 15, 2023", title: "An Inspiring Collection!", quote: "I'm constantly looking for inspiration, and 'Life In Me' delivers. The curation is exceptional, and the quality of the photography is simply stunning. It truly enriches my perspective.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mother-hand-holding-baby-little-arm_23-2148341974.jpg", imageAlt: "Parental hands gently holding a newborn baby" },
|
|
|
|
|
{ id: "3", name: "Chloe Davis, Photographer", date: "Date: December 01, 2023", title: "Masterful Storytelling through Images", quote: "As a fellow photographer, I deeply appreciate the artistry and emotion conveyed in this gallery. It's a masterclass in visual storytelling and a reminder of the power of a single frame.", tag: "Artistic", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-photographer-taking-pictures-with-compact-camera-grey-background_613910-9350.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-field_1157-36882.jpg", imageAlt: "Family posing for a portrait in a park" },
|
|
|
|
|
{ id: "4", name: "Ethan Kim, Memory Keeper", date: "Date: January 20, 2024", title: "Reliving My Own Moments", quote: "Browsing through 'In My Life' is like reliving my own cherished memories. The photos are so vivid and evocative, they transport you to another time and place. Highly recommend.", tag: "Emotional", avatarSrc: "http://img.b2bpic.net/free-photo/i-like-that-good-job-happy-young-dark-skinned-female-wearing-casual-long-sleeved-t-shirt-making-thumbs-up-sign-smiling-cheerfully-showing-her-support-respect-someone-body-language_273609-1258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-low-clouds-beautiful-mountains-lake-pines-backpack-with-scooter-front_613910-17385.jpg", imageAlt: "Person admiring a panoramic mountain view" }
|
|
|
|
|
{ id: "4", name: "Ethan Kim, Memory Keeper", date: "Date: January 20, 2024", title: "Reliving My Own Moments", quote: "Browsing through 'Life In Me' is like reliving my own cherished memories. The photos are so vivid and evocative, they transport you to another time and place. Highly recommend.", tag: "Emotional", avatarSrc: "http://img.b2bpic.net/free-photo/i-like-that-good-job-happy-young-dark-skinned-female-wearing-casual-long-sleeved-t-shirt-making-thumbs-up-sign-smiling-cheerfully-showing-her-support-respect-someone-body-language_273609-1258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-low-clouds-beautiful-mountains-lake-pines-backpack-with-scooter-front_613910-17385.jpg", imageAlt: "Person admiring a panoramic mountain view" }
|
|
|
|
|
]}
|
|
|
|
|
title="Client Stories"
|
|
|
|
|
description="Hear from those who have been touched by the beauty and depth of 'In My Life' photo gallery."
|
|
|
|
|
description="Hear from those who have been touched by the beauty and depth of 'Life In Me' photo gallery."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
@@ -162,12 +181,27 @@ export default function SitePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
title="Our Impact"
|
|
|
|
|
description="Numbers that tell our story of passion and engagement."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: '1', value: '10', title: 'Thousand Stories', description: 'Captured and shared by our community', icon: Heart },
|
|
|
|
|
{ id: '2', value: '50', title: 'Million Views', description: 'Across all our featured galleries', icon: Eye }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="In My Life"
|
|
|
|
|
logoText="Life In Me"
|
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
|
|
|
|
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
|
|
|
|
ariaLabel="Site footer for In My Life photo gallery"
|
|
|
|
|
ariaLabel="Site footer for Life In Me photo gallery"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|