src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Source_Sans_3 } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild - Future of Components',
-  description: 'Building the future of modern, high-performance web components.',
+  title: 'Home',
+  description: 'Welcome to our page.',
   openGraph: {
     "title": "Ironwood Queue System",
     "description": "نظام قائمة انتظار متطور للمطاعم.",

src/app/page.tsx

@@ -1,6 +1,5 @@
 'use client';
-
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
@@ -10,88 +9,39 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Shield, Zap, CheckCircle, Star } from 'lucide-react';
+import { BarChart, Users, ShieldCheck, Mail } from 'lucide-react';
 
-export default function HomePage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "Contact", id: "/contact" }
-  ];
+const navItems = [{ name: "Home", id: "/" }];
 
+export default function Page() {
   return (
-    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider>
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} brandName="Webild" />
+        <NavbarStyleApple navItems={navItems} />
       </div>
       <div id="hero" data-section="hero">
-        <HeroOverlay title="Welcome to Webild" description="Building the future of web components." />
+        <HeroOverlay title="Welcome" description="This is our hero section." />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardEight 
-          title="Core Features" 
-          description="Powerful components for modern apps."
-          features={[{ title: "Fast", description: "High performance.", imageSrc: "https://images.unsplash.com/photo-1558494949-ef010bbbb315?q=80&w=600&auto=format&fit=crop" }, { title: "Secure", description: "Safety first.", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=600&auto=format&fit=crop" }]} 
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
+        <FeatureCardEight title="Features" description="Our powerful features." textboxLayout="default" useInvertedBackground={false} features={[]} />
       </div>
       <div id="status" data-section="status">
-        <MetricCardOne 
-          title="Stats" 
-          description="Key metrics overview."
-          metrics={[{ id: "1", value: "10k", title: "Users", description: "Active users", icon: Shield }]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
+        <MetricCardOne title="Status" description="System performance." gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[{ id: "1", value: "99%", title: "Uptime", description: "High availability", icon: BarChart }, { id: "2", value: "10K+", title: "Users", description: "Growing community", icon: Users }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen 
-          title="Testimonials" 
-          description="See what others think."
-          testimonials={[{ id: "1", name: "Jane Doe", role: "CEO", company: "Tech Corp", rating: 5 }]}
-          kpiItems={[{ value: "100%", label: "Happy" }, { value: "24/7", label: "Support" }, { value: "5ms", label: "Latency" }]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
+        <TestimonialCardSixteen title="Testimonials" description="What people say." testimonials={[]} kpiItems={[{ value: "100", label: "Happy Clients" }, { value: "50", label: "Projects" }, { value: "24/7", label: "Support" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase 
-          title="FAQ" 
-          description="Common questions."
-          faqs={[{ id: "1", title: "What is Webild?", content: "A UI library." }]} 
-          faqsAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
+        <FaqBase title="FAQ" description="Common questions." faqs={[]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="about" data-section="about">
-        <MetricSplitMediaAbout 
-          title="About Us" 
-          description="Learn about our journey."
-          metrics={[{ value: "10", title: "Years" }]} 
-          useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-        />
+        <MetricSplitMediaAbout title="About Us" description="Dedicated to excellence." metrics={[]} useInvertedBackground={false} mediaAnimation="slide-up" metricsAnimation="slide-up" />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCenter 
-          tag="Join Us" 
-          title="Stay in touch" 
-          description="Sign up for our newsletter."
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
+        <ContactCenter tag="Contact" title="Get In Touch" description="We are here to help." background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseCard 
-          logoText="Webild" 
-          columns={[{ title: "Resources", items: [{ label: "Blog", href: "/blog" }] }]} 
-        />
+        <FooterBaseCard logoText="Webild" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />
       </div>
     </ThemeProvider>
   );