diff --git a/src/app/page.tsx b/src/app/page.tsx
index 07ea263..e3a3288 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { CheckCircle, Flower2, Leaf, Palette, Sparkles } from "lucide-react";
+import FaqBase from '@/components/sections/faq/FaqBase';
 
 export default function LandingPage() {
   const [isLoading, setIsLoading] = useState(false);
@@ -64,6 +65,14 @@ export default function LandingPage() {
           ariaLabel="MossArt hero section with carousel"
         />
       </div>
+import FaqBase from '@/components/sections/faq/FaqBase.tsx';
+
+  <div id="section" data-section="faq">
+    <FaqBase title="Frequently Asked Questions" items={[
+      { question: 'What is your return policy?', answer: 'Our return policy allows returns within 30 days.' },
+      { question: 'How long does shipping take?', answer: 'Shipping usually takes 5-7 business days.' }
+    ]} />
+  </div>
 
       <div id="services" data-section="services">
         <FeatureCardEight
@@ -254,4 +263,5 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
+
 }
\ No newline at end of file