Update src/app/page.tsx

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild Home',
-  description: 'Welcome to our website.',
+  title: 'Experience Excellence',
+  description: 'Discover our premium services designed for your success.',
 };
 
 const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"] });

src/app/page.tsx

@@ -1,18 +1,19 @@
-'use client';
-
+"use client";
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-const navItems = [{ name: "Home", id: "/" }];
+export default function HomePage() {
+  const navItems = [
+    { name: 'Home', id: '/' },
+  ];
 
-export default function Page() {
   return (
     <ThemeProvider 
       defaultButtonVariant="text-stagger" 
@@ -31,65 +32,64 @@ export default function Page() {
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial 
-          title="Modern Elegance"
-          description="Experience the future of design with our premium solutions."
-          background={{ variant: "gradient-bars" }}
+          title="Experience Excellence"
+          description="Premium services for your success."
+          background={{ variant: 'plain' }}
           testimonials={[]}
         />
       </div>
       <div id="about" data-section="about">
         <SplitAbout 
           title="About Us"
-          description="We are committed to delivering excellence."
-          textboxLayout="split"
-          bulletPoints={[]}
-          mediaAnimation="slide-up"
+          description="We focus on delivering high-quality solutions."
+          textboxLayout="default"
           useInvertedBackground={false}
+          mediaAnimation="none"
+          bulletPoints={[]}
         />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardFour 
-          title="Our Menu"
-          description="Handcrafted selections for your refined taste."
+          title="Our Services"
+          description="Explore our curated offerings."
           gridVariant="bento-grid"
-          animationType="slide-up"
+          animationType="none"
+          textboxLayout="default"
           useInvertedBackground={false}
           products={[]}
-          textboxLayout="default"
         />
       </div>
       <div id="faq" data-section="faq">
-        <FaqSplitMedia 
-          title="FAQs"
-          description="Questions answered."
+        <FaqSplitText 
+          sideTitle="Questions"
+          faqsAnimation="none"
           faqs={[]}
-          faqsAnimation="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen 
-          title="Testimonials"
-          description="Hear from our satisfied partners."
-          testimonials={[]}
-          kpiItems={[{ value: "100+", label: "Clients" }, { value: "50+", label: "Projects" }, { value: "10+", label: "Awards" }]}
-          animationType="slide-up"
-          textboxLayout="default"
+        <TestimonialCardFifteen 
+          testimonial="Best service ever!"
+          rating={5}
+          author="John Doe"
+          avatars={[]}
+          ratingAnimation="none"
+          avatarsAnimation="none"
           useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplitForm 
-          title="Get In Touch"
-          description="We would love to hear from you."
-          inputs={[{ name: "email", type: "email", placeholder: "Email" }, { name: "name", type: "text", placeholder: "Name" }]}
+        <ContactCenter 
+          tag="Contact"
+          title="Get in Touch"
+          description="Reach out to us today."
+          background={{ variant: 'plain' }}
           useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal 
-          logoText="Webild"
+          logoText="Excellence"
           columns={[]}
         />
       </div>