|
|
|
|
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
|
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
|
|
|
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
|
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import { Package } from 'lucide-react';
|
|
|
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
|
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
|
|
|
import { Sparkles, TrendingUp, Users } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function SitePage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -30,13 +30,12 @@ export default function SitePage() {
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Moments", id: "features" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Stories", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
brandName="In My Life"
|
|
|
|
|
brandName="Sleep Day"
|
|
|
|
|
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"
|
|
|
|
|
@@ -45,7 +44,7 @@ export default function SitePage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
title="In My Life: A Visual Journey"
|
|
|
|
|
title="Sleep Day: 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={[
|
|
|
|
|
@@ -69,20 +68,27 @@ export default function SitePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: '1', title: 'What kind of photography is featured?', content: 'Our gallery features a diverse range of photography, including landscapes, portraits, urban scenes, and abstract art, all hand-picked to tell unique stories.' },
|
|
|
|
|
{ id: '2', title: 'Can I purchase prints of the photos?', content: 'Yes, most of our photographs are available for purchase as high-quality prints. Please visit our "Products" section or contact us directly for details.' },
|
|
|
|
|
{ id: '3', title: 'How often is the gallery updated?', content: 'We regularly add new content to "In My Life" to keep the visual journey fresh and inspiring. Follow us on social media for real-time updates!' },
|
|
|
|
|
{ id: '4', title: 'Do you offer photography workshops?', content: 'While we don\'t currently offer workshops, we are exploring options for future educational content. Stay tuned for announcements!' }
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardOne
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "basic", badge: "Standard", price: "$19/mo", subtitle: "Essential features for your daily sleep tracking.", features: ["Track sleep cycles", "Daily insights", "Basic reports"],
|
|
|
|
|
badgeIcon: Sparkles
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "pro", badge: "Most Popular", price: "$29/mo", subtitle: "Advanced tools for deep sleep analysis.", features: ["All Standard features", "Detailed REM analysis", "Personalized recommendations", "Integrates with wearables"],
|
|
|
|
|
badgeIcon: Sparkles
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "premium", badge: "Ultimate", price: "$49/mo", subtitle: "Comprehensive suite for optimal sleep health.", features: ["All Pro features", "One-on-one coaching", "Custom soundscapes", "Sleep environment tracking", "Premium support"],
|
|
|
|
|
badgeIcon: Sparkles
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Find answers to common questions about our photo gallery and services."
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="Choose Your Sleep Plan"
|
|
|
|
|
description="Select the perfect plan to help you achieve your best sleep."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
ariaLabel="Frequently Asked Questions section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -105,32 +111,10 @@ export default function SitePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
products={[
|
|
|
|
|
{ id: '1', name: 'Vintage Camera', price: '$299', variant: 'Classic Black Edition', imageSrc: 'http://img.b2bpic.net/free-photo/old-vintage-camera-white-background_1462-1049.jpg', imageAlt: 'Vintage camera' },
|
|
|
|
|
{ id: '2', name: 'Photo Album', price: '$45', variant: 'Leather Bound', imageSrc: 'http://img.b2bpic.net/free-photo/vintage-photo-album-white_1203-5182.jpg', imageAlt: 'Leather bound photo album' },
|
|
|
|
|
{ id: '3', name: 'Tripod Stand', price: '$75', variant: 'Lightweight Aluminum', imageSrc: 'http://img.b2bpic.net/free-photo/camera-stand-isolated-white-background_1203-5969.jpg', imageAlt: 'Camera tripod stand' },
|
|
|
|
|
{ id: '4', name: 'Lens Cleaning Kit', price: '$20', variant: 'Pro Series', imageSrc: 'http://img.b2bpic.net/free-photo/still-life-set-professional-cleaning-lens-d_23-2148906323.jpg', imageAlt: 'Lens cleaning kit' }
|
|
|
|
|
]}
|
|
|
|
|
title="Our Products"
|
|
|
|
|
description="Enhance your photography journey with our carefully selected range of products."
|
|
|
|
|
tag="Shop Now"
|
|
|
|
|
tagIcon={Package}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Browse All", href: "#products" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<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="'Sleep Day' 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" }
|
|
|
|
|
@@ -153,7 +137,7 @@ export default function SitePage() {
|
|
|
|
|
{ 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" }
|
|
|
|
|
]}
|
|
|
|
|
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 'Sleep Day' photo gallery."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
@@ -181,9 +165,28 @@ export default function SitePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "8", title: "hours", description: "Average user sleep per night", icon: TrendingUp
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "90", title: "million", description: "Total sleep data points analyzed", icon: Users
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Our Sleep Impact"
|
|
|
|
|
description="See the numbers behind a good night's rest."
|
|
|
|
|
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="Sleep Day"
|
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
|
|
|
|
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
|
|
|
|
ariaLabel="Site footer for In My Life photo gallery"
|
|
|
|
|
|
