Update src/app/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -31,6 +31,7 @@ export default function BlogPage() {
                             { name: "Home", id: "/" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "dishes" },
+                            { name: "Features", id: "/features" },
                             { name: "Reviews", id: "testimonials" },
                             { name: "Reservations", id: "contact" },
                             { name: "FAQ", id: "faq" }

src/app/features/page.tsx

@@ -0,0 +1,82 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { CheckCircle, Flame, Wine, Clock, Leaf, Users, Heart, Award } from 'lucide-react';
+
+export default function FeaturesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Trattoria"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "dishes" },
+            { name: "Features", id: "/features" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Reservations", id: "contact" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{
+            text: "Book a Table",            href: "#contact"
+          }}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardThree
+          title="Why Trattoria Stands Apart"
+          description="Discover what makes our Italian restaurant a destination for authentic cuisine and exceptional dining experiences"
+          tag="Our Strengths"
+          tagIcon={CheckCircle}
+          tagAnimation="opacity"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          features={[
+            {
+              id: "1",              title: "Authenticity",              description: "Traditional Italian Recipes Passed Down Through Generations",              imageSrc: "https://img.b2bpic.net/free-photo/raw-pasta-near-dough_23-2147749572.jpg",              imageAlt: "Traditional Italian ingredients"
+            },
+            {
+              id: "2",              title: "Quality",              description: "Premium Ingredients Selected for Excellence",              imageSrc: "https://img.b2bpic.net/free-photo/composition-with-different-pasta-high-angle_23-2148584850.jpg",              imageAlt: "Premium ingredients"
+            },
+            {
+              id: "3",              title: "Wine Selection",              description: "Over 200 Italian Wines Carefully Curated by Our Sommelier",              imageSrc: "https://img.b2bpic.net/free-photo/composition-with-different-kind-pasta_23-2148584848.jpg",              imageAlt: "Wine collection"
+            },
+            {
+              id: "4",              title: "Service",              description: "Exceptional Hospitality and Attention to Detail",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-pasta-near-spices_23-2147849801.jpg",              imageAlt: "Professional service"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Trattoria"
+          leftLink={{
+            text: "Privacy Policy",            href: "#"
+          }}
+          rightLink={{
+            text: "Terms of Service",            href: "#"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function LandingPage() {
           navItems={[
             { name: "About", id: "about" },
             { name: "Menu", id: "dishes" },
+            { name: "Features", id: "/features" },
             { name: "Reviews", id: "testimonials" },
             { name: "Reservations", id: "contact" },
             { name: "FAQ", id: "faq" }
@@ -62,7 +63,7 @@ export default function LandingPage() {
           imagePosition="right"
           buttons={[
             { text: "Reserve Now", href: "#contact" },
-            { text: "View Menu", href: "#dishes" }
+            { text: "Explore Features", href: "/features" }
           ]}
           buttonAnimation="slide-up"
         />

src/app/shop/[id]/page.tsx

@@ -88,6 +88,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "Home", id: "/" },
                                 { name: "About", id: "about" },
                                 { name: "Menu", id: "dishes" },
+                                { name: "Features", id: "/features" },
                                 { name: "Reviews", id: "testimonials" },
                                 { name: "Reservations", id: "contact" },
                                 { name: "FAQ", id: "faq" },
@@ -133,6 +134,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "Home", id: "/" },
                                 { name: "About", id: "about" },
                                 { name: "Menu", id: "dishes" },
+                                { name: "Features", id: "/features" },
                                 { name: "Reviews", id: "testimonials" },
                                 { name: "Reservations", id: "contact" },
                                 { name: "FAQ", id: "faq" },
@@ -185,6 +187,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             { name: "Home", id: "/" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "dishes" },
+                            { name: "Features", id: "/features" },
                             { name: "Reviews", id: "testimonials" },
                             { name: "Reservations", id: "contact" },
                             { name: "FAQ", id: "faq" },

src/app/shop/page.tsx

@@ -38,6 +38,7 @@ export default function ShopPage() {
                                 { name: "Home", id: "/" },
                                 { name: "About", id: "about" },
                                 { name: "Menu", id: "dishes" },
+                                { name: "Features", id: "/features" },
                                 { name: "Reviews", id: "testimonials" },
                                 { name: "Reservations", id: "contact" },
                                 { name: "FAQ", id: "faq" },
@@ -82,6 +83,7 @@ export default function ShopPage() {
                             { name: "Home", id: "/" },
                             { name: "About", id: "about" },
                             { name: "Menu", id: "dishes" },
+                            { name: "Features", id: "/features" },
                             { name: "Reviews", id: "testimonials" },
                             { name: "Reservations", id: "contact" },
                             { name: "FAQ", id: "faq" },