Update src/app/page.tsx

Merge version_3 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Osogbo Dining | Luxury Culinary Experience',
-  description: 'Experience Osogbo\'s premium dining destination. Perfect for dates, celebrations, and special moments with exquisite flavor and hospitality.',
+  title: 'Welcome',
+  description: 'Welcome to our website',
 };
 
 const playfair = Playfair_Display({ variable: "--font-playfair", subsets: ["latin"] });

src/app/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
@@ -11,146 +10,84 @@ import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
-export default function LandingPage() {
+const navItems = [{ name: "Home", id: "/" }];
+
+export default function HomePage() {
   return (
-    <ThemeProvider
-      defaultButtonVariant="directional-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
-    >
+    <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">
-        <NavbarLayoutFloatingOverlay
-          brandName="Osogbo Dining"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
-          ]}
-        />
+        <NavbarLayoutFloatingOverlay navItems={navItems} />
       </div>
-
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
-          title="Perfect for Dinner Dates & Special Moments"
-          description="Whether it’s your first date, anniversary, family dinner, or casual night out — we create moments worth repeating."
+        <HeroBillboardRotatedCarousel 
+          title="Welcome"
+          description="Experience the best services."
           background={{ variant: "gradient-bars" }}
-          carouselItems={[
-            { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", imageAlt: "Dinner date" },
-            { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-flowers-white-plate_23-2151973732.jpg", imageAlt: "Luxury plate" },
-            { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg", imageAlt: "Elegant interior" },
-            { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-blue-chairs-decors-wall_140725-8028.jpg", imageAlt: "Atmosphere" },
-            { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433853.jpg", imageAlt: "Table setting" },
-            { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cooked-rice-baked-pumpkin_140725-3547.jpg", imageAlt: "Drink service" }
-          ]}
-          buttons={[{ text: "Book Tonight", href: "#reserve" }]}
+          carouselItems={Array.from({ length: 6 }).map((_, i) => ({ id: `h${i}`, imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2070&auto=format&fit=crop" }))}
         />
       </div>
-
       <div id="about" data-section="about">
-        <MediaAbout
-          title="Our Culinary Journey"
-          description="From farm-fresh ingredients to the art of plating, we believe dining should be an sensory escape. Our kitchen blends modern techniques with local flavors for an unmatched experience."
-          imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934675.jpg"
-          imageAlt="Chef preparing culinary dish"
+        <MediaAbout 
+          title="About Us"
+          description="Dedicated to excellence."
           useInvertedBackground={false}
         />
       </div>
-
       <div id="features" data-section="features">
-        <FeatureCardMedia
-          title="Why Choose Us"
-          description="Excellence in every bite and smile."
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          features={[
-            { id: "f1", title: "Fresh Flavors", description: "Locally sourced ingredients, prepared fresh daily.", tag: "Taste", imageSrc: "http://img.b2bpic.net/free-photo/ingredients-making-spaghetti-white-table_23-2148120105.jpg" },
-            { id: "f2", title: "Exceptional Service", description: "Warm, professional hospitality for every guest.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-eating-delicious-pizza_23-2150280263.jpg" },
-            { id: "f3", title: "Beautiful Atmosphere", description: "Relax and enjoy our curated dining space.", tag: "Ambience", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160205.jpg" }
-          ]}
-        />
-      </div>
-
-      <div id="menu" data-section="menu">
-        <ProductCardFour
-          title="Our Signature Dishes"
-          description="A curated menu for refined palates."
-          gridVariant="four-items-2x2-equal-grid"
+        <FeatureCardMedia 
+          title="Features"
+          description="Key highlights."
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          products={[
-            { id: "p1", name: "Grilled Salmon", price: "₦8,500", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-vegetables-table_140725-1362.jpg" },
-            { id: "p2", name: "Spiced Beef", price: "₦9,200", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crab-salad-with-vegetables-wasabi-plate-soy-sauce-black_141793-11591.jpg" },
-            { id: "p3", name: "Pasta Verde", price: "₦7,800", variant: "Vegetarian", imageSrc: "http://img.b2bpic.net/free-photo/pasta-dish-restaurant-table_7939-2494.jpg" },
-            { id: "p4", name: "Citrus Salad", price: "₦5,500", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/healthy-baked-vegetables-ham-sandwiches_7502-7403.jpg" },
-            { id: "p5", name: "Chocolate Lava", price: "₦4,500", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-restaurant_23-2148018754.jpg" },
-            { id: "p6", name: "Mango Sorbet", price: "₦3,800", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg" }
-          ]}
+          features={[{ id: "f1", title: "Quality", description: "High quality standards.", tag: "Quality" }, { id: "f2", title: "Support", description: "24/7 assistance.", tag: "Support" }]}
         />
       </div>
-
-      <div id="reviews" data-section="reviews">
-        <TestimonialCardTwo
-          title="Guest Stories"
-          description="What our patrons say about us."
-          animationType="slide-up"
-          textboxLayout="split"
-          useInvertedBackground={true}
-          testimonials={[
-            { id: "t1", name: "Amina S.", role: "Foodie", testimonial: "The best dinner I've had in Osogbo!", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg" },
-            { id: "t2", name: "Bayo O.", role: "Regular", testimonial: "Consistent taste and amazing service.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg" },
-            { id: "t3", name: "Chidi K.", role: "Visitor", testimonial: "Such a warm and inviting atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-people-with-drinks_23-2150124808.jpg" },
-            { id: "t4", name: "Fatima Y.", role: "Local", testimonial: "My go-to place for anniversary dinners.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg" },
-            { id: "t5", name: "Tunde A.", role: "Guest", testimonial: "Unforgettable food, will return soon.", imageSrc: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316782.jpg" }
-          ]}
-        />
-      </div>
-
-      <div id="metrics" data-section="metrics">
-        <MetricCardTwo
-          title="Our Impact"
-          description="Numbers behind the smiles."
+      <div id="menu" data-section="menu">
+        <ProductCardFour 
+          title="Products"
+          description="Browse our collection."
           gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          metrics={[
-            { id: "m1", value: "5k+", description: "Meals Served" },
-            { id: "m2", value: "20+", description: "Signature Dishes" },
-            { id: "m3", value: "98%", description: "Customer Satisfaction" }
-          ]}
+          products={[{ id: "p1", name: "Product 1", price: "$10", variant: "Standard", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2070&auto=format&fit=crop" }, { id: "p2", name: "Product 2", price: "$20", variant: "Pro", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2070&auto=format&fit=crop" }, { id: "p3", name: "Product 3", price: "$30", variant: "Elite", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2070&auto=format&fit=crop" }]}
+        />
+      </div>
+      <div id="reviews" data-section="reviews">
+        <TestimonialCardTwo 
+          title="Reviews"
+          description="What our clients say."
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[{ id: "t1", name: "John", role: "CEO", testimonial: "Great service!" }, { id: "t2", name: "Jane", role: "CTO", testimonial: "Outstanding experience." }]}
+        />
+      </div>
+      <div id="metrics" data-section="metrics">
+        <MetricCardTwo 
+          title="Impact"
+          description="Our reach."
+          gridVariant="bento-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[{ id: "m1", value: "100%", description: "Satisfaction" }, { id: "m2", value: "10k+", description: "Users" }]}
         />
       </div>
-
       <div id="location" data-section="location">
-        <ContactText
-          text="Visit Us in Osogbo. Fresh food. Beautiful atmosphere. Warm smiles waiting for you."
+        <ContactText 
+          text="Get in touch with us today!"
           background={{ variant: "gradient-bars" }}
-          useInvertedBackground={true}
-          buttons={[
-            { text: "Get Directions", href: "#" },
-            { text: "Call Now", href: "tel:+2348000000000" }
-          ]}
+          useInvertedBackground={false}
         />
       </div>
-
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
-          logoText="Osogbo Dining"
-          columns={[
-            { title: "Menu", items: [{ label: "Dinner", href: "#" }, { label: "Drinks", href: "#" }] },
-            { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Reserve", href: "#" }] }
-          ]}
+        <FooterBaseReveal 
+          logoText="Brand"
+          columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}