Update src/app/page.tsx

src/app/page.tsx

@@ -12,16 +12,16 @@ import BlogCardOne from "@/components/sections/blog/BlogCardOne";
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Star, Zap, Shield, TrendingUp, Users, Globe, CheckCircle, Sparkles } from "lucide-react";
+import { Sparkles, Zap, Shield, TrendingUp } from "lucide-react";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "story" },
+  { name: "Services", id: "experience" },
+  { name: "Contact", id: "visit" },
+];
 
 export default function Home() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "story" },
-    { name: "Experience", id: "experience" },
-    { name: "Contact", id: "cta" },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -38,29 +38,30 @@ export default function Home() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={navItems}
-          logoText="Pizzeria"
+          brandName="Webild"
+          bottomLeftText="Global Community"
+          bottomRightText="hello@example.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
-          title="Authentic Italian Pizza Experience"
-          description="Savor the taste of Italy with our handcrafted pizzas made from the finest ingredients"
-          background={{ variant: "circleGradient" }}
-          tag="Premium Quality"
-          tagAnimation="slide-up"
-          buttonAnimation="slide-up"
+          title="Transform Your Workflow"
+          description="Experience the power of seamless collaboration and productivity tools designed for modern teams"
+          background={{ variant: "plain" }}
+          tag="New Release"
+          tagIcon={Sparkles}
           buttons={[
-            { text: "Order Now", href: "pizzas" },
-            { text: "Menu", href: "experience" }
+            { text: "Get Started" },
+            { text: "Learn More" },
           ]}
           carouselItems={[
-            { id: "1", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Margherita Pizza" },
-            { id: "2", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Pepperoni Pizza" },
-            { id: "3", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Vegetarian Pizza" },
-            { id: "4", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Quattro Formaggi" },
-            { id: "5", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Prosciutto Pizza" },
-            { id: "6", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Truffle Pizza" }
+            { id: "1", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 1" },
+            { id: "2", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 2" },
+            { id: "3", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 3" },
+            { id: "4", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 4" },
+            { id: "5", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 5" },
+            { id: "6", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 6" },
           ]}
           autoPlay={true}
           autoPlayInterval={4000}
@@ -69,67 +70,69 @@ export default function Home() {
 
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
-          names={["Milano Pizzeria", "Naples Kitchen", "Roma Ristorante", "Venice Dining", "Florence Eats"]}
-          title="Trusted by Premium Restaurants"
-          description="Join the finest establishments serving authentic Italian cuisine"
+          title="Trusted by Industry Leaders"
+          description="Join thousands of companies using our platform"
           textboxLayout="default"
           useInvertedBackground={false}
+          names={["Acme Corp", "TechFlow", "Innovate Inc", "CloudSync"]}
+          speed={40}
+          showCard={true}
         />
       </div>
 
       <div id="experience" data-section="experience">
         <FeatureBorderGlow
-          title="The Pizza Experience"
-          description="Discover what makes our pizzas extraordinary"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
           features={[
-            { icon: Star, title: "Premium Ingredients", description: "Imported directly from Italy for authentic flavor" },
-            { icon: Zap, title: "Wood-Fired Oven", description: "Traditional ovens heated to 900 degrees" },
-            { icon: Shield, title: "Quality Assured", description: "Every pizza meets our strict quality standards" },
-            { icon: TrendingUp, title: "Award Winning", description: "Recognized by international pizza competitions" }
+            { icon: Zap, title: "Lightning Fast", description: "Optimized for performance with minimal overhead and blazing fast load times" },
+            { icon: Shield, title: "Secure by Default", description: "Built with security best practices and enterprise-grade encryption" },
+            { icon: TrendingUp, title: "Scale Effortlessly", description: "Grow your business without worrying about infrastructure" },
           ]}
+          title="Powerful Features with Border Glow"
+          description="Hover over each card to reveal the glowing border effect"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="pizzas" data-section="pizzas">
         <ProductCardOne
-          title="Our Signature Pizzas"
-          description="Hand-tossed pizzas with the finest toppings"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
           products={[
-            { id: "1", name: "Margherita", price: "$14.99", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Margherita Pizza" },
-            { id: "2", name: "Pepperoni", price: "$15.99", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Pepperoni Pizza" },
-            { id: "3", name: "Quattro Formaggi", price: "$16.99", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Quattro Formaggi Pizza" }
+            { id: "1", name: "Premium Pizza", price: "$15", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Premium Pizza" },
+            { id: "2", name: "Deluxe Pizza", price: "$18", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Deluxe Pizza" },
+            { id: "3", name: "Classic Pizza", price: "$12", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Classic Pizza" },
           ]}
+          title="Featured Products"
+          description="Discover our latest collection of premium products"
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="story" data-section="story">
         <InlineImageSplitTextAbout
           heading={[
-            { type: "text", content: "Our Story: A Family Tradition Since 1995" },
-            { type: "image", src: "/placeholders/placeholder1.webp", alt: "Family pizzeria" }
+            { type: "text", content: "Building the future with" },
+            { type: "text", content: "innovative solutions" },
           ]}
           useInvertedBackground={false}
           buttons={[
-            { text: "Learn More", href: "experience" }
+            { text: "Get Started", href: "/" },
+            { text: "Learn More", href: "/" },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="community" data-section="community">
         <TestimonialCardFifteen
-          testimonial="The best pizza I've ever had. Authentic Italian flavors combined with exceptional service. Highly recommend!"
+          testimonial="This product has completely transformed how we work. The results speak for themselves."
           rating={5}
-          author="Marco Rossi"
+          author="James Carter, Journalist"
           avatars={[
-            { src: "/placeholders/placeholder1.webp", alt: "Marco" }
+            { src: "/placeholders/placeholder1.webp", alt: "User 1" },
+            { src: "/placeholders/placeholder1.webp", alt: "User 2" },
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -140,57 +143,54 @@ export default function Home() {
       <div id="atmosphere" data-section="atmosphere">
         <BlogCardOne
           blogs={[
-            { id: "1", category: "Food Culture", title: "The Art of Pizza Making", excerpt: "Learn the techniques that make Italian pizza special", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Pizza making", authorName: "Chef Antonio", authorAvatar: "/placeholders/placeholder1.webp", date: "Jan 15, 2025" },
-            { id: "2", category: "Dining Experience", title: "Pizza Pairing with Wine", excerpt: "Discover perfect wine pairings for every pizza", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Wine pairing", authorName: "Sommelier Luigi", authorAvatar: "/placeholders/placeholder1.webp", date: "Jan 10, 2025" }
+            {
+              id: "1",              category: "Design",              title: "UX review presentations",              excerpt: "How to create compelling presentations that wow your audience",              imageSrc: "/placeholders/placeholder1.webp",              authorName: "Olivia Rhye",              authorAvatar: "/placeholders/placeholder1.webp",              date: "20 Jan 2025"
+            },
+            {
+              id: "2",              category: "Development",              title: "Building scalable systems",              excerpt: "Best practices for architecting modern applications",              imageSrc: "/placeholders/placeholder1.webp",              authorName: "Alex Chen",              authorAvatar: "/placeholders/placeholder1.webp",              date: "18 Jan 2025"
+            },
           ]}
-          title="Pizza Stories"
-          description="Explore the culture and traditions of Italian pizza"
+          title="Latest Articles"
+          description="Stay updated with our latest insights"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
+          carouselMode="buttons"
         />
       </div>
 
       <div id="reviews" data-section="reviews">
         <MetricCardTwo
-          title="By The Numbers"
-          description="Our commitment to excellence"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
           metrics={[
-            { id: "1", value: "10K+", description: "Happy customers served annually" },
-            { id: "2", value: "30+", description: "Years of pizza-making excellence" }
-          ]}
-        />
-      </div>
-
-      <div id="cta" data-section="cta">
-        <ContactSplitForm
-          title="Get Special Offers"
-          description="Subscribe to our newsletter for exclusive deals and new pizza launches"
-          inputs={[
-            { name: "email", type: "email", placeholder: "Your email", required: true },
-            { name: "name", type: "text", placeholder: "Your name", required: true }
+            { id: "1", value: "98%", description: "Customer Satisfaction Rate" },
+            { id: "2", value: "50K+", description: "Active Users Worldwide" },
           ]}
+          title="Key Metrics"
+          description="See how we're making a difference"
+          gridVariant="uniform-all-items-equal"
+          textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          buttonText="Subscribe"
         />
       </div>
 
       <div id="visit" data-section="visit">
         <ContactSplitForm
-          title="Visit Us"
-          description="Find our location and reserve a table for your next pizza night"
+          title="Get in touch"
+          description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
           inputs={[
-            { name: "date", type: "date", placeholder: "Date", required: true },
-            { name: "time", type: "time", placeholder: "Time", required: true }
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
           ]}
+          textarea={{
+            name: "message",            placeholder: "Your message",            rows: 5,
+            required: true,
+          }}
           useInvertedBackground={false}
+          imageSrc="/placeholders/placeholder1.webp"
           mediaAnimation="slide-up"
-          buttonText="Reserve Table"
+          mediaPosition="right"
+          onSubmit={(data) => console.log("Form submitted:", data)}
         />
       </div>
 
@@ -198,23 +198,27 @@ export default function Home() {
         <FooterBaseReveal
           columns={[
             {
-              title: "Quick Links",              items: [
-                { label: "Home", href: "/" },
-                { label: "Menu", href: "#experience" },
-                { label: "About", href: "#story" }
-              ]
+              title: "Product",              items: [
+                { label: "Features", href: "experience" },
+                { label: "Pricing", href: "hero" },
+              ],
             },
             {
-              title: "Contact",              items: [
-                { label: "Email", href: "mailto:info@pizzeria.com" },
-                { label: "Phone", href: "tel:+1234567890" },
-                { label: "Address", href: "#" }
-              ]
-            }
+              title: "Company",              items: [
+                { label: "About", href: "story" },
+                { label: "Blog", href: "atmosphere" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "/" },
+                { label: "Terms", href: "/" },
+              ],
+            },
           ]}
-          copyrightText="© 2025 Pizzeria. All rights reserved."
+          copyrightText="© 2025 | Webild"
         />
       </div>
     </ThemeProvider>
   );
-}
+}