src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Webild - Innovative Solutions',
-  description: 'We provide top-tier services to help your business scale efficiently.',
+  title: 'Al Faro Pizza al Taglio',
+  description: 'Authentic Roman-style pizza by the slice.',
   openGraph: {
     "title": ".AL FARO",
     "siteName": ".AL FARO Pizza al Taglio",

src/app/page.tsx

@@ -1,5 +1,4 @@
 'use client';
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
@@ -9,112 +8,78 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+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">
-        <NavbarStyleCentered 
-          navItems={navItems} 
-          brandName="Webild"
-        />
+        <NavbarStyleCentered navItems={navItems} />
       </div>
-
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Innovative Solutions"
-          description="We provide top-tier services to help your business scale efficiently."
-          buttons={[{ text: "Get Started", href: "/contact" }]}
-          background={{ variant: "gradient-bars" }}
-          mediaAnimation="slide-up"
+        <HeroLogoBillboard 
+            logoText="Pizza al Taglio"
+            description="Authentic Roman-style pizza, crafted with passion."
+            buttons={[{ text: "Order Now", href: "#varieta" }]}
         />
       </div>
-
       <div id="social" data-section="social">
-        <SocialProofOne
-          names={["Google", "Microsoft", "Amazon", "Netflix"]}
-          title="Trusted by Industry Leaders"
-          description="Join thousands of satisfied clients."
-          textboxLayout="default"
-          useInvertedBackground={false}
+        <SocialProofOne 
+            names={["Gambero Rosso", "TripAdvisor", "Michelin Guide"]}
+            title="Recognized Quality"
+            description="Trusted by food critics and local pizza lovers alike."
+            textboxLayout="default"
         />
       </div>
-
       <div id="prodotto" data-section="prodotto">
-        <MediaAbout
-          title="Our Approach"
-          description="We believe in quality and transparency in every project we take on."
-          useInvertedBackground={false}
+        <MediaAbout 
+            title="Our Craft"
+            description="We use slow-fermented dough and high-quality seasonal ingredients for the perfect crunch."
         />
       </div>
-
       <div id="varieta" data-section="varieta">
-        <ProductCardTwo
-          title="Our Featured Products"
-          description="Explore our curated selection of high-quality items."
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          products={[
-            { id: "1", brand: "Brand A", name: "Product 1", price: "$99", rating: 5, reviewCount: "100", imageSrc: "/images/p1.jpg" },
-            { id: "2", brand: "Brand B", name: "Product 2", price: "$149", rating: 4, reviewCount: "85", imageSrc: "/images/p2.jpg" },
-            { id: "3", brand: "Brand C", name: "Product 3", price: "$199", rating: 5, reviewCount: "120", imageSrc: "/images/p3.jpg" }
-          ]}
+        <ProductCardTwo 
+            title="Our Pizzas"
+            description="Freshly baked daily."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            products={[
+                { id: "1", brand: "Classic", name: "Margherita", price: "$8.00", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1574071318508-1cdbab80d002?q=80&w=600" },
+                { id: "2", brand: "Premium", name: "Prosciutto", price: "$12.00", rating: 4, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1604382354936-07c5d9983bd3?q=80&w=600" },
+                { id: "3", brand: "Veggie", name: "Funghi", price: "$10.00", rating: 5, reviewCount: "95", imageSrc: "https://images.unsplash.com/photo-1595854341625-f33ee10dbf94?q=80&w=600" }
+            ]}
         />
       </div>
-
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
-          title="What Clients Say"
-          description="Read real stories from our community."
-          gridVariant="uniform-all-items-equal"
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          testimonials={[
-            { id: "t1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 },
-            { id: "t2", name: "Jane Smith", role: "CTO", company: "Web Inc", rating: 5 }
-          ]}
+        <TestimonialCardOne 
+            title="Voices"
+            description="What our customers say."
+            gridVariant="one-large-right-three-stacked-left"
+            animationType="blur-reveal"
+            textboxLayout="default"
+            testimonials={[
+                { id: "1", name: "Luca", role: "Local", company: "Rome", rating: 5 },
+                { id: "2", name: "Sarah", role: "Traveler", company: "London", rating: 5 }
+            ]}
         />
       </div>
-
       <div id="contact" data-section="contact">
-        <ContactSplitForm
-          title="Let's Connect"
-          description="Fill out the form and we will reach out shortly."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Full Name", required: true },
-            { name: "email", type: "email", placeholder: "Email Address", required: true }
-          ]}
-          useInvertedBackground={false}
+        <ContactSplitForm 
+            title="Visit Us"
+            description="Find us in the heart of the city."
+            inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
         />
       </div>
-
       <div id="footer" data-section="footer">
-        <FooterSimple
-          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
-          bottomLeftText="© 2024 Webild"
-          bottomRightText="All rights reserved."
+        <FooterSimple 
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            bottomLeftText="© 2024 Al Faro"
+            bottomRightText="All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
+}