Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FaqBase from '@/components/sections/faq/FaqBase';
 
 export default function LandingPage() {
   return (
@@ -35,6 +36,8 @@ export default function LandingPage() {
           name: "Categories",          id: "categories"},
         {
           name: "Products",          id: "products"},
+        {
+          name: "Guides",          id: "guides"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -159,6 +162,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="guides" data-section="guides">
+    <FaqBase
+      faqsAnimation="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="How-To Guides"
+      description="Learn how to get the most out of our platform."
+      faqs={[
+        { id: "g1", title: "How do I download products?", content: "Simply navigate to your account dashboard and find the 'Downloads' section to access your purchased files instantly." },
+        { id: "g2", title: "How can I sell on the site?", content: "Join our vendor program by filling out the seller application form. Once approved, you can list your items and manage your shop." },
+        { id: "g3", title: "How do I update pricing?", content: "Go to your seller dashboard, select the product, and modify the price field in the product management settings to update your listings." }
+      ]}
+    />
+  </div>
+
   <div id="offers" data-section="offers">
       <PricingCardThree
       animationType="slide-up"
@@ -237,4 +255,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}