Switch to version 4: modified src/app/page.tsx

This commit is contained in:
2026-02-26 10:43:04 +00:00
parent dd1d816f41
commit 79957e25ac

View File

@@ -8,9 +8,9 @@ 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 PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Package, Sparkles } from 'lucide-react';
import FaqBase from '@/components/sections/faq/FaqBase';
import { Package } from 'lucide-react';
export default function SitePage() {
return (
@@ -30,11 +30,11 @@ export default function SitePage() {
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Moments", id: "features" },
{ name: "FAQ", id: "faq" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Stories", id: "testimonials" },
{ name: "Contact", id: "contact" },
{ name: "Pricing", id: "pricing" }
{ name: "Contact", id: "contact" }
]}
brandName="In My Life"
button={{ text: "View Gallery", href: "#gallery" }}
@@ -69,6 +69,23 @@ 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!' }
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our photo gallery and services."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
ariaLabel="Frequently Asked Questions section"
/>
</div>
<div id="features" data-section="features">
<FeatureProcessSteps
title="Featured Moments"
@@ -164,22 +181,6 @@ export default function SitePage() {
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
plans={[
{ id: '1', badge: 'Starter', price: '$19/mo', subtitle: 'Perfect for hobbyists', features: ['50 Photos', 'Standard Quality', 'Email Support'] },
{ id: '2', badge: 'Popular', badgeIcon: Sparkles, price: '$49/mo', subtitle: 'Ideal for growing portfolios', features: ['200 Photos', 'High Quality', 'Priority Support', 'Basic Analytics'] },
{ id: '3', badge: 'Enterprise', price: '$99/mo', subtitle: 'For professional photographers', features: ['Unlimited Photos', '4K Quality', '24/7 Support', 'Advanced Analytics', 'Exclusive Presets'] }
]}
title="Choose Your Perfect Plan"
description="Unlock the full potential of your visual journey with our flexible pricing options."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
ariaLabel="Pricing section with various plans"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="In My Life"