Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 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';
 
 export default function SitePage() {
@@ -29,6 +30,7 @@ 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" },
@@ -67,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"

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
+  /* --background: #f8fdf8;;
-  --card: #f9f9f9;;
+  --card: #ffffff;;
-  --foreground: #120a00e6;;
+  --foreground: #1c1c1c;;
-  --primary-cta: #ff8c42;;
+  --primary-cta: #e63946;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #f0f0f0;;
-  --accent: #e2e2e2;;
+  --accent: #28a745;;
-  --background-accent: #c4c4c4;; */
+  --background-accent: #d4edda;; */
 
-  --background: #ffffff;;
+  --background: #f8fdf8;;
-  --card: #f9f9f9;;
+  --card: #ffffff;;
-  --foreground: #120a00e6;;
+  --foreground: #1c1c1c;;
-  --primary-cta: #ff8c42;;
+  --primary-cta: #e63946;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #f0f0f0;;
-  --secondary-cta-text: #120a00e6;;
+  --secondary-cta-text: #1c1c1c;;
-  --accent: #e2e2e2;;
+  --accent: #28a745;;
-  --background-accent: #c4c4c4;;
+  --background-accent: #d4edda;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);