src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Source_Sans_3 } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild Platform',
-  description: 'Leading innovation and scalable solutions.',
+  title: 'Webild - Build Fast, Deploy Faster',
+  description: 'The ultimate platform for modern web development.',
   openGraph: {
     "title": "Ironwood Queue System",
     "description": "نظام قائمة انتظار متطور للمطاعم.",

src/app/page.tsx

@@ -9,43 +9,89 @@ 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 { Zap, CheckCircle } from 'lucide-react';
+import { ArrowRight, Star, Shield, Zap } from 'lucide-react';
+import Link from 'next/link';
 
-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="text-stagger" 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" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroOverlay title="Transform Your Future" description="Innovating tomorrow with state-of-the-art solutions today." buttons={[{ text: "Get Started", href: "/contact" }]} />
+        <HeroOverlay 
+          title="Build Fast, Deploy Faster"
+          description="The ultimate platform for modern web development workflows."
+          buttons={[{ text: "Get Started", href: "#contact" }]}
+        />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardEight title="Powerful Features" description="Everything you need to scale." textboxLayout="default" features={[{ title: "Fast", description: "High performance", imageSrc: "https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=800&auto=format&fit=crop" }, { title: "Secure", description: "Top protection", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=800&auto=format&fit=crop" }]} useInvertedBackground={false} />
+        <FeatureCardEight 
+          title="Powerful Features"
+          description="Everything you need to scale."
+          features={[
+            { title: "Speed", description: "Optimized performance." },
+            { title: "Security", description: "Built-in protection." }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
       </div>
       <div id="status" data-section="status">
-        <MetricCardOne title="Performance Stats" description="Key metrics that drive our growth." metrics={[{ id: "1", value: "99%", title: "Uptime", description: "Continuous service", icon: Zap }, { id: "2", value: "2M+", title: "Users", description: "Community reach", icon: CheckCircle }]} gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
+        <MetricCardOne 
+          title="Our Impact"
+          description="Quantifiable growth for your business."
+          metrics={[
+            { id: "1", value: "100+", title: "Projects", description: "Delivered", icon: Zap },
+            { id: "2", value: "50K", title: "Users", description: "Active", icon: Shield }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+        />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen title="Happy Clients" description="What they say about us." kpiItems={[{ value: "100%", label: "Satisfaction" }, { value: "500+", label: "Projects" }, { value: "24/7", label: "Support" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "Alice", role: "CEO", company: "TechCorp", rating: 5 }]} />
+        <TestimonialCardSixteen 
+          title="Client Success"
+          description="Don't just take our word for it."
+          testimonials={[{ id: "1", name: "Alice", role: "CEO", company: "TechCo", rating: 5 }]}
+          kpiItems={[{ value: "99%", label: "Satisfaction" }, { value: "2x", label: "Speed" }, { value: "0%", label: "Downtime" }]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase title="Frequently Asked Questions" description="Answers to common queries." faqs={[{ id: "1", title: "What is Webild?", content: "A platform for growth." }]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
+        <FaqBase 
+          title="FAQs"
+          description="Common questions."
+          faqs={[{ id: "1", title: "How do I start?", content: "Sign up today." }]}
+          faqsAnimation="slide-up"
+          textboxLayout="default"
+        />
       </div>
       <div id="about" data-section="about">
-        <MetricSplitMediaAbout title="About Us" description="Dedicated to excellence." metrics={[{ value: "10+ years", title: "Experience" }]} useInvertedBackground={false} mediaAnimation="slide-up" metricsAnimation="slide-up" />
+        <MetricSplitMediaAbout 
+          title="Our Vision"
+          description="Redefining the standard."
+          metrics={[{ value: "10 Years", title: "Experience" }]}
+        />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCenter tag="Contact" title="Reach Out" description="Let's build something great." background={{ variant: "plain" }} useInvertedBackground={false} />
+        <ContactCenter 
+          tag="Ready?"
+          title="Get in Touch"
+          description="Let's build something great."
+        />
       </div>
       <div id="footer" data-section="footer">
-        <FooterBaseCard logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]} />
+        <FooterBaseCard 
+          logoText="Webild"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+        />
       </div>
     </ThemeProvider>
   );