diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 715ebe3..9bfa688 100644
--- a/src/app/blog/page.tsx
+++ b/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" }
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
new file mode 100644
index 0000000..6118b47
--- /dev/null
+++ b/src/app/features/page.tsx
@@ -0,0 +1,99 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+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">
+        <FeatureCardTwelve
+          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"
+          features={[
+            {
+              id: "1",              label: "Authenticity",              title: "Traditional Italian Recipes Passed Down Through Generations",              items: [
+                "Recipes from Tuscany, Sicily, and Piedmont",                "Handmade pasta daily in our kitchen",                "Imported Italian ingredients",                "Authentic cooking techniques"
+              ]
+            },
+            {
+              id: "2",              label: "Quality",              title: "Premium Ingredients Selected for Excellence",              items: [
+                "Fresh produce sourced daily",                "DOP-certified cheeses and cured meats",                "Extra virgin olive oil from our partner farms",                "Seasonal menu updates"
+              ]
+            },
+            {
+              id: "3",              label: "Wine",              title: "Over 200 Italian Wines Carefully Curated by Our Sommelier",              items: [
+                "Personal wine pairing recommendations",                "Wines from all major Italian regions",                "Exclusive small-batch selections",                "Wine tasting events monthly"
+              ]
+            },
+            {
+              id: "4",              label: "Service",              title: "Exceptional Hospitality and Attention to Detail",              items: [
+                "Trained staff fluent in Italian cuisine",                "Personalized dining experience",                "Dietary accommodation specialists",                "Table-side preparations and presentations"
+              ]
+            },
+            {
+              id: "5",              label: "Atmosphere",              title: "Warm, Elegant Setting That Transports You to Italy",              items: [
+                "Rustic Italian décor with modern touches",                "Intimate dining spaces",                "Private event facilities available",                "Live music on select evenings"
+              ]
+            },
+            {
+              id: "6",              label: "Heritage",              title: "20+ Years of Excellence in Authentic Italian Dining",              items: [
+                "Award-winning chef with Italian training",                "Trusted by thousands of loyal guests",                "Featured in regional dining guides",                "Commitment to tradition and innovation"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Trattoria"
+          leftLink={{
+            text: "Privacy Policy",            href: "#"
+          }}
+          rightLink={{
+            text: "Terms of Service",            href: "#"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1fdecb1..1eedf93 100644
--- a/src/app/page.tsx
+++ b/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" }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index ff8e889..92781e3 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/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" },
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 46f1a26..a1b1a4b 100644
--- a/src/app/shop/page.tsx
+++ b/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" },