Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "Categories", id: "#categories" },
+              { name: "Menu", id: "#menu" },
+              { name: "App", id: "#app" },
+              { name: "Reviews", id: "#reviews" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+              { name: "About", id: "/about" }
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg"
+            brandName="FoodX"
+          />
+        </div>
+
+        <div id="about-section" data-section="about-section">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="About Us"
+            description={["prince"]}
+            showBorder={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg"
+            logoText="FoodX"
+            leftLink={{
+              text: "Privacy Policy",              href: "#"
+            }}
+            rightLink={{
+              text: "Terms of Service",              href: "#"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -45,6 +45,8 @@ export default function LandingPage() {
           name: "FAQ",          id: "#faq"},
         {
           name: "Contact",          id: "#contact"},
+        {
+          name: "About",          id: "/about"}
       ]}
       logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg"
       brandName="FoodX"
@@ -81,18 +83,18 @@ export default function LandingPage() {
         {
           type: "text",          text: "Ultra-Fast Delivery"},
         {
-          type: "text-icon",          text: "AI Recommendations",          icon: Star,
+          type: "text-icon",          text: "AI Recommendations",          icon: Star
         },
         {
           type: "text",          text: "Immersive 3D Menus"},
         {
-          type: "text-icon",          text: "Secure Payments",          icon: Lock,
+          type: "text-icon",          text: "Secure Payments",          icon: Lock
         },
         {
           type: "text",          text: "Exclusive App Deals"},
         {
-          type: "text-icon",          text: "Real-Time Tracking",          icon: MapPin,
+          type: "text-icon",          text: "Real-Time Tracking",          icon: MapPin
-        },
+        }
       ]}
       marqueeSpeed={40}
     />
@@ -105,23 +107,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Pizza",          description: "Classic and gourmet pizzas for every craving.",          bentoComponent: "reveal-icon",          icon: Pizza,
+          title: "Pizza",          description: "Classic and gourmet pizzas for every craving.",          bentoComponent: "reveal-icon",          icon: Pizza
         },
         {
-          title: "Burger",          description: "Juicy burgers, from beef to plant-based delights.",          bentoComponent: "reveal-icon",          icon: Utensils,
+          title: "Burger",          description: "Juicy burgers, from beef to plant-based delights.",          bentoComponent: "reveal-icon",          icon: Utensils
         },
         {
-          title: "Indian Food",          description: "Authentic curries, biryanis, and tandoori specials.",          bentoComponent: "reveal-icon",          icon: Sparkles,
+          title: "Indian Food",          description: "Authentic curries, biryanis, and tandoori specials.",          bentoComponent: "reveal-icon",          icon: Sparkles
         },
         {
-          title: "Chinese",          description: "Wok-fried noodles, rice, and savory stir-fries.",          bentoComponent: "reveal-icon",          icon: Feather,
+          title: "Chinese",          description: "Wok-fried noodles, rice, and savory stir-fries.",          bentoComponent: "reveal-icon",          icon: Feather
         },
         {
-          title: "Desserts",          description: "Sweet treats to complete your perfect meal.",          bentoComponent: "reveal-icon",          icon: IceCream,
+          title: "Desserts",          description: "Sweet treats to complete your perfect meal.",          bentoComponent: "reveal-icon",          icon: IceCream
         },
         {
-          title: "Drinks",          description: "Refreshing beverages, shakes, and smoothies.",          bentoComponent: "reveal-icon",          icon: Coffee,
+          title: "Drinks",          description: "Refreshing beverages, shakes, and smoothies.",          bentoComponent: "reveal-icon",          icon: Coffee
-        },
+        }
       ]}
       title="Explore Our Popular Categories"
       description="Discover a world of flavors, from classic comfort food to exotic cuisines, all with stunning 3D hover effects."
@@ -146,7 +148,7 @@ export default function LandingPage() {
         {
           id: "r3",          name: "Pasta Paradise Bistro",          price: "4.7 Rating",          variant: "35-50 min delivery",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-anthropomorphic-robot-cooking_23-2150865903.jpg",          imageAlt: "Pasta Paradise Bistro exterior"},
         {
-          id: "d3",          name: "Deluxe Sushi Platter",          price: "$38.00",          variant: "Limited Time Offer",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301186.jpg",          imageAlt: "Deluxe Sushi Platter"},
+          id: "d3",          name: "Deluxe Sushi Platter",          price: "$38.00",          variant: "Limited Time Offer",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-sushi_23-2151301186.jpg",          imageAlt: "Deluxe Sushi Platter"}
       ]}
       title="Top Restaurants & Trending Dishes"
       description="Hand-picked for quality, speed, and deliciousness. Explore what's hot right now and add to cart with interactive animations."
@@ -163,7 +165,7 @@ export default function LandingPage() {
         {
           text: "Download on App Store",          href: "#"},
         {
-          text: "Get it on Google Play",          href: "#"},
+          text: "Get it on Google Play",          href: "#"}
       ]}
       buttonAnimation="slide-up"
       showBorder={false}
@@ -185,7 +187,7 @@ export default function LandingPage() {
         {
           id: "4",          name: "David L.",          role: "Gamer & Foodie",          testimonial: "Finally a food app that feels next-gen! The 3D models make ordering fun, and the food quality is always top-notch. Game changer!",          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-woman-wearing-glasses_23-2151136856.jpg"},
         {
-          id: "5",          name: "Sophia P.",          role: "Digital Nomad",          testimonial: "Love the premium design and the seamless experience. It's like dining in a virtual reality, but with real, delicious food delivered to your door!",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-vegetarian-food_23-2148908756.jpg"},
+          id: "5",          name: "Sophia P.",          role: "Digital Nomad",          testimonial: "Love the premium design and the seamless experience. It's like dining in a virtual reality, but with real, delicious food delivered to your door!",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-vegetarian-food_23-2148908756.jpg"}
       ]}
       title="What Our Customers Say"
       description="Hear from happy users who love our service and delicious food. Their feedback drives our continuous innovation."
@@ -206,7 +208,7 @@ export default function LandingPage() {
         {
           id: "q4",          title: "Are there AI food recommendations?",          content: "Absolutely! Our AI-powered recommendation engine learns your preferences over time, suggesting dishes and restaurants tailored to your taste, enhancing your culinary discovery."},
         {
-          id: "q5",          title: "Is the platform responsive on all devices?",          content: "Yes, FoodX is designed with a fully responsive and adaptive UI/UX, ensuring a seamless and stunning experience whether you're ordering from a mobile, tablet, or desktop device."},
+          id: "q5",          title: "Is the platform responsive on all devices?",          content: "Yes, FoodX is designed with a fully responsive and adaptive UI/UX, ensuring a seamless and stunning experience whether you're ordering from a mobile, tablet, or desktop device."}
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to your questions about ordering, delivery, and payments on our futuristic platform."
@@ -226,7 +228,7 @@ export default function LandingPage() {
         {
           text: "Proceed to Payment",          href: "#"},
         {
-          text: "Contact Support",          href: "#"},
+          text: "Contact Support",          href: "#"}
       ]}
       buttonAnimation="slide-up"
     />