src/app/page.tsx

@@ -1,4 +1,3 @@
-"use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
@@ -7,37 +6,35 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import Link from 'next/link';
+
+const navItems = [
+  { name: "Home", id: "/" },
+];
 
 export default function Page() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "Services", id: "/services" },
-    { name: "Testimonials", id: "/testimonials" },
-    { name: "Contact", id: "/contact" },
-  ];
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen navItems={navItems} brandName="Webild" />
+        <NavbarStyleFullscreen navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel title="Innovate Your Future" description="Cutting-edge solutions for the modern era." background={{ variant: "animated-grid" }} carouselItems={[{ id: "1" }, { id: "2" }, { id: "3" }, { id: "4" }, { id: "5" }, { id: "6" }]} />
+        <HeroBillboardRotatedCarousel title="Welcome to Webild" description="Professional solutions for your business." background={{ variant: "animated-grid" }} carouselItems={[{ id: "1" }, { id: "2" }, { id: "3" }, { id: "4" }, { id: "5" }, { id: "6" }]} />
       </div>
       <div id="about" data-section="about">
-        <TextSplitAbout title="About Us" description={["We are a team of visionaries.", "Passionate about building the future."]} useInvertedBackground={false} />
+        <TextSplitAbout title="About Us" description={["We build high quality software."]} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwelve title="Our Services" description="We offer professional services." animationType="blur-reveal" textboxLayout="split" features={[{ id: "1", label: "Design", title: "UI/UX Design", items: ["Wireframing", "Prototyping", "User Testing"] }, { id: "2", label: "Dev", title: "Development", items: ["Frontend", "Backend", "Fullstack"] }]} useInvertedBackground={false} />
+        <FeatureCardTwelve title="Services" animationType="opacity" textboxLayout="split" features={[{ id: "1", label: "Dev", title: "Development", items: ["Web", "Mobile"] }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne title="Client Stories" description="What our clients say." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "InnovateCo", rating: 5 }]} useInvertedBackground={false} />
+        <TestimonialCardOne title="Testimonials" gridVariant="uniform-all-items-equal" animationType="opacity" textboxLayout="default" testimonials={[{ id: "1", name: "John", role: "CEO", company: "Corp", rating: 5 }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Let's build something great together." background={{ variant: "animated-grid" }} useInvertedBackground={false} />
+        <ContactText text="Contact us today" background={{ variant: "plain" }} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} bottomLeftText="© 2024 Webild" bottomRightText="hello@example.com" />
+        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024" bottomRightText="All rights reserved" />
       </div>
     </ThemeProvider>
   );