src/app/page.tsx

@@ -3,12 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import { ArrowRight, Leaf, Mail, Target, TrendingUp, Heart, Zap } from 'lucide-react';
 
 export default function LandingPage() {
@@ -74,7 +75,7 @@ export default function LandingPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardEleven
+        <MetricCardSeven
           title="Real Impact, Measured Daily"
           description="Every action counts. See the real-time progress of our global ocean restoration movement."
           tag="Our Progress"
@@ -148,6 +149,38 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about ocean restoration with Seatrees."
+          tag="Help & Support"
+          faqs={[
+            {
+              id: "1",              title: "How does my contribution actually restore the ocean?",              content: "Every dollar you contribute funds on-the-ground restoration projects. We plant seagrass, restore mangrove forests, and rebuild coral reefs. Each project is monitored with satellite imagery and field verification. You receive monthly updates showing exactly what your contribution created."
+            },
+            {
+              id: "2",              title: "Is this really carbon neutral?",              content: "We track the carbon impact of every restoration project. Seagrass meadows, mangrove forests, and coral reefs are natural carbon sinks. Our projects sequester carbon while restoring marine habitats. We publish transparent reports on all carbon measurements."
+            },
+            {
+              id: "3",              title: "Can I see where my money goes?",              content: "Yes. Every project is tracked in our dashboard. You can see exactly which restoration project received your contribution, monitor its progress with satellite imagery, and track the impact over time. No greenwashing. Complete transparency."
+            },
+            {
+              id: "4",              title: "What happens if a restoration project fails?",              content: "We work with local communities and marine biologists to minimize failure risk. If a project doesn't meet success metrics, we redirect resources to improve outcomes. We measure success using peer-reviewed scientific methods and share all data publicly."
+            },
+            {
+              id: "5",              title: "How long does restoration take?",              content: "Timeline varies by project. Seagrass restoration takes 2-3 years to mature. Mangrove forests take 3-5 years. Coral reefs take longer but show growth within the first year. You receive updates throughout the process so you can watch your impact grow."
+            },
+            {
+              id: "6",              title: "Can I cancel my subscription anytime?",              content: "Yes. Monthly plans can be canceled anytime with no penalty. Annual plans can also be canceled, with a prorated refund. We believe in flexibility so you can support ocean restoration at your own pace."
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
       <div id="support" data-section="support">
         <PricingCardTwo
           title="Choose Your Plan"