Update src/app/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -17,16 +17,19 @@ const inter = Inter({
 export const metadata: Metadata = {
   title: "Webild - Ideas Become Websites",  description: "Instantly generate, customize, and launch professional websites. No coding required. Transform your ideas into reality in minutes.",  keywords: "website builder, no-code platform, web design, website creation, landing pages, portfolio builder",  metadataBase: new URL("https://webild.io"),
   alternates: {
-    canonical: "https://webild.io"},
+    canonical: "https://webild.io"
+  },
   openGraph: {
     title: "Webild - Ideas Become Websites",    description: "Instantly generate, customize, and launch professional websites without coding.",    url: "https://webild.io",    siteName: "Webild",    type: "website",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-beautiful-modern-website-landing-page--1772833274162-e53248a8.png",        alt: "Webild website builder platform"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-beautiful-modern-website-landing-page--1772833274162-e53248a8.png",        alt: "Webild website builder platform"
+      },
     ],
   },
   twitter: {
     card: "summary_large_image",    title: "Webild - Ideas Become Websites",    description: "No-code website builder that transforms ideas into professional sites instantly.",    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-beautiful-modern-website-landing-page--1772833274162-e53248a8.png"],
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/a-beautiful-modern-website-landing-page--1772833274162-e53248a8.png"
+    ],
   },
   robots: {
     index: true,
@@ -1418,4 +1421,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -6,10 +6,10 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import { Twitter, Linkedin, Github } from 'lucide-react';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Twitter, Linkedin, Github, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -138,11 +138,10 @@ export default function LandingPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqDouble
-          title="Frequently Asked Questions"
-          description="Find answers to common questions about Webild and how we help you build amazing websites."
-          tag="Help & Support"
-          textboxLayout="default"
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Find answers to common questions about Webild and how we help you build amazing websites."
+          textPosition="left"
           useInvertedBackground={false}
           faqsAnimation="slide-up"
           animationType="smooth"
@@ -170,29 +169,61 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Get Started"
-          title="Ready to Launch Your Website?"
-          description="Join thousands of creators, entrepreneurs, and businesses who are building their online presence with Webild. Start for free today."
-          background={{ variant: "gradient-bars" }}
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "Do I need a credit card to get started?",              content: "No! You can start building for free without providing any payment information. Upgrade to a paid plan only when you're ready to access premium features."
+            },
+            {
+              id: "2",              title: "Can I export my website?",              content: "Yes, you can export your website code and host it anywhere you prefer. We also offer managed hosting if you'd like us to handle that for you."
+            },
+            {
+              id: "3",              title: "What kind of support do you offer?",              content: "We provide email support, live chat, comprehensive documentation, and video tutorials. Priority support is available with premium plans."
+            },
+            {
+              id: "4",              title: "How often do you add new features?",              content: "We continuously improve Webild based on user feedback. New features and templates are added regularly to keep your website options fresh and modern."
+            }
+          ]}
+          ctaTitle="Ready to Launch Your Website?"
+          ctaDescription="Join thousands of creators, entrepreneurs, and businesses who are building their online presence with Webild. Start for free today."
+          ctaButton={{ text: "Get Started Free", href: "https://webild.io" }}
+          ctaIcon={Phone}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
-          buttonText="Get Started Free"
-          termsText="Start building immediately. No credit card required. Upgrade anytime."
+          animationType="slide-up"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterMedia
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXh5KliD4l7rWjrQZkOq7ZuPnH/uploaded-1772834250645-amf3eecy.png"
+          imageAlt="Webild footer background"
           logoText="Webild"
           copyrightText="© 2025 Webild. All rights reserved. Ideas become websites."
-          socialLinks={[
-            { icon: Twitter, href: "https://twitter.com/webild", ariaLabel: "Twitter" },
-            { icon: Linkedin, href: "https://linkedin.com/company/webild", ariaLabel: "LinkedIn" },
-            { icon: Github, href: "https://github.com/webild", ariaLabel: "GitHub" }
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "features" },
+                { label: "Pricing", href: "https://webild.io/pricing" },
+                { label: "Templates", href: "https://webild.io/templates" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "https://webild.io/about" },
+                { label: "Blog", href: "https://webild.io/blog" },
+                { label: "Careers", href: "https://webild.io/careers" }
+              ]
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "https://webild.io/docs" },
+                { label: "Support", href: "https://webild.io/support" },
+                { label: "Community", href: "https://webild.io/community" }
+              ]
+            }
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}