Update src/app/staff/page.tsx

Merge version_1 into main

src/app/admin-dashboard/page.tsx

@@ -0,0 +1,141 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import { LineChart, DollarSign, Utensils, Users, TrendingUp, BarChart, ShoppingCart, Truck, CheckCircle, Hourglass, Activity, RefreshCw, Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Menu",                id: "/"},
+              {
+                name: "Features",                id: "/"},
+              {
+                name: "Pricing",                id: "/"},
+              {
+                name: "Reviews",                id: "/"},
+              {
+                name: "FAQ",                id: "/"},
+              {
+                name: "Contact",                id: "/"},
+              {
+                name: "Admin Dashboard",                id: "/admin-dashboard"},
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="sales-analytics" data-section="sales-analytics">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Sales Analytics Overview"
+            description="Key insights into recent sales performance."
+            metrics={[
+              {
+                id: "total-sales",                icon: LineChart,
+                title: "Total Sales (Month)",                value: "₹2,45,000"},
+              {
+                id: "avg-order",                icon: DollarSign,
+                title: "Avg. Order Value",                value: "₹480"},
+              {
+                id: "popular-item",                icon: Utensils,
+                title: "Most Popular Item",                value: "Butter Chicken"},
+              {
+                id: "new-customers",                icon: Users,
+                title: "New Customers (Week)",                value: "120"},
+            ]}
+          />
+        </div>
+
+        <div id="revenue-tracking" data-section="revenue-tracking">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Revenue Performance"
+            description="Track revenue trends and financial health."
+            metrics={[
+              {
+                id: "monthly-revenue",                icon: DollarSign,
+                title: "Monthly Revenue",                value: "₹8,20,000"},
+              {
+                id: "ytd-revenue",                icon: TrendingUp,
+                title: "YTD Revenue",                value: "₹92,00,000"},
+              {
+                id: "revenue-growth",                icon: BarChart,
+                title: "Growth (MoM)",                value: "+12%"},
+              {
+                id: "profit-margin",                icon: Activity,
+                title: "Profit Margin",                value: "25%"},
+            ]}
+          />
+        </div>
+
+        <div id="order-monitoring" data-section="order-monitoring">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Live Order Monitoring"
+            description="Real-time updates on active orders and deliveries."
+            metrics={[
+              {
+                id: "orders-kitchen",                icon: ShoppingCart,
+                title: "Orders in Kitchen",                value: "7"},
+              {
+                id: "orders-transit",                icon: Truck,
+                title: "Orders in Transit",                value: "12"},
+              {
+                id: "orders-completed",                icon: CheckCircle,
+                title: "Orders Completed (Today)",                value: "150"},
+              {
+                id: "pending-orders",                icon: Hourglass,
+                title: "Pending Orders",                value: "3"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/menu/page.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import { Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function AdminMenuPage() {
+  const products = [
+    {
+      id: "prod1",      name: "Spicy Chicken Momos",      category: "Appetizers",      price: "₹150",      rating: 4.5,
+      reviewCount: "120",      imageSrc: "http://img.b2bpic.net/free-photo/closeup-food-photography-perfectly-pleated-jiaozi-dumplings-matte-black-plate_123827-36939.jpg",      imageAlt: "Spicy Chicken Momos"
+    },
+    {
+      id: "prod2",      name: "Paneer Tikka",      category: "Main Course",      price: "₹220",      rating: 4.8,
+      reviewCount: "95",      imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086069.jpg",      imageAlt: "Paneer Tikka"
+    },
+    {
+      id: "prod3",      name: "Butter Chicken",      category: "Main Course",      price: "₹350",      rating: 4.9,
+      reviewCount: "200",      imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg",      imageAlt: "Butter Chicken"
+    },
+    {
+      id: "prod4",      name: "Crispy French Fries",      category: "Sides",      price: "₹90",      rating: 4.2,
+      reviewCount: "80",      imageSrc: "http://img.b2bpic.net/free-photo/golden-french-fries-potatoes_1339-3214.jpg",      imageAlt: "Crispy French Fries"
+    },
+    {
+      id: "prod5",      name: "Refreshing Mango Lassi",      category: "Beverages",      price: "₹110",      rating: 4.7,
+      reviewCount: "60",      imageSrc: "http://img.b2bpic.net/free-photo/fresh-mango-smoothie_1339-1484.jpg",      imageAlt: "Refreshing Mango Lassi"
+    },
+    {
+      id: "prod6",      name: "Vegetable Spring Rolls",      category: "Appetizers",      price: "₹180",      rating: 4.3,
+      reviewCount: "75",      imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_1203-2701.jpg",      imageAlt: "Vegetable Spring Rolls"
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Menu", id: "#menu" },
+              { name: "Features", id: "#features" },
+              { name: "Pricing", id: "#pricing" },
+              { name: "Reviews", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+              { name: "Admin Menu", id: "/admin/menu" }
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="admin-menu-management" data-section="admin-menu-management" className="py-16">
+          <ProductCatalog
+            layout="page"
+            products={products}
+            searchPlaceholder="Search menu items..."
+            filters={[
+              {
+                label: "Category",                options: ["All", "Appetizers", "Main Course", "Sides", "Beverages"],
+                selected: "All",                onChange: (value) => console.log("Category filter changed:", value)
+              }
+            ]}
+            className="container mx-auto"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/auth/register/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; // Import the navbar
+import { Chrome, Phone, User } from "lucide-react"; // Example icons for services
+
+export default function RegisterPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "#menu" },
+    { name: "Features", id: "#features" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "Reviews", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Register", id: "/auth/register" },
+    { name: "Login", id: "/auth/login" },
+    { name: "Profile", id: "/profile" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={navItems} brandName="Food Paradise" />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-screen py-12 px-4 sm:px-6 lg:px-8">
+          <div className="max-w-md w-full space-y-8 text-center">
+            <h2 className="mt-6 text-3xl font-extrabold text-foreground">
+              Create your account
+            </h2>
+            <p className="mt-2 text-sm text-foreground/80">
+              Register to order faster and manage your profile.
+            </p>
+            <div className="flex flex-col space-y-4">
+              <button className="w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                <Chrome className="h-5 w-5 mr-2" /> Register with Google
+              </button>
+              <button className="w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500">
+                <Phone className="h-5 w-5 mr-2" /> Register with Phone OTP
+              </button>
+              <button className="w-full flex items-center justify-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                <User className="h-5 w-5 mr-2" /> Continue as Guest
+              </button>
+            </div>
+            <p className="mt-2 text-sm text-foreground/80">
+              Already have an account? <a href="/auth/login" className="font-medium text-primary-cta hover:text-primary-cta/80">Login here</a>
+            </p>
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/cart/page.tsx

@@ -0,0 +1,112 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCart from '@/components/ecommerce/cart/ProductCart';
+import { Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function CartPage() {
+  const handleCloseCart = () => {
+    console.log("Cart closed");
+    // In a real app, you might navigate away or hide the cart
+  };
+
+  const handleQuantityChange = (id: string, quantity: number) => {
+    console.log(`Item ${id} quantity changed to ${quantity}`);
+    // Update cart state
+  };
+
+  const handleRemoveItem = (id: string) => {
+    console.log(`Item ${id} removed`);
+    // Remove item from cart state
+  };
+
+  const currentNavItems = [
+    {
+      name: "Home",      id: "#hero"},
+    {
+      name: "Menu",      id: "#menu"},
+    {
+      name: "Features",      id: "#features"},
+    {
+      name: "Pricing",      id: "#pricing"},
+    {
+      name: "Reviews",      id: "#testimonials"},
+    {
+      name: "FAQ",      id: "#faq"},
+    {
+      name: "Contact",      id: "#contact"},
+    {
+      name: "Cart",      id: "/cart"},
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={currentNavItems}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="cart-section" data-section="cart-section" className="py-16 md:py-24 lg:py-32">
+          <ProductCart
+            isOpen={true} // Always open on this dedicated page
+            onClose={handleCloseCart}
+            items={[
+              {
+                id: "momos",                name: "Spicy Chicken Momos",                price: "₹150",                quantity: 2,
+                imageSrc: "http://img.b2bpic.net/free-photo/closeup-food-photography-perfectly-pleated-jiaozi-dumplings-matte-black-plate_123827-36939.jpg",                imageAlt: "Spicy Chicken Momos"},
+              {
+                id: "butter-chicken",                name: "Butter Chicken",                price: "₹350",                quantity: 1,
+                imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg",                imageAlt: "Butter Chicken"},
+            ]}
+            onQuantityChange={handleQuantityChange}
+            onRemove={handleRemoveItem}
+            total="₹650"
+            buttons={[
+              {
+                text: "Checkout",                href: "/checkout", // Placeholder for a future checkout page
+              },
+              {
+                text: "Continue Shopping",                href: "/"},
+            ]}
+            title="Your Shopping Cart"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/checkout/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import TextAnimation from "@/components/text/TextAnimation";
+import { Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "#menu" },
+              { name: "Features", id: "#features" },
+              { name: "Pricing", id: "#pricing" },
+              { name: "Reviews", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Checkout", id: "/checkout" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="checkout-content" data-section="checkout-content" className="min-h-screen py-20 flex flex-col justify-center items-center text-center px-4">
+            <TextAnimation
+                text="Your Order & Payment"
+                type="entrance-slide"
+                className="mb-8"
+            />
+            <p className="text-lg mb-6 max-w-2xl">
+                We're excited for you to enjoy your Food Paradise meal! Here you can finalize your order and choose your preferred payment method.
+            </p>
+
+            <div className="flex flex-col gap-4 mb-8 max-w-xl w-full text-left">
+                <h3 className="text-2xl font-semibold">Payment Options:</h3>
+                <p className="text-md">
+                    We support secure payments via Razorpay (Credit/Debit Cards, UPI, Netbanking), convenient Cash on Delivery, and various digital Wallets. Select your preferred option at checkout.
+                </p>
+                <h3 className="text-2xl font-semibold">Order Confirmation:</h3>
+                <p className="text-md">
+                    Once your payment is successful, you'll receive an instant order confirmation via email and WhatsApp, detailing your meal and estimated delivery time.
+                </p>
+                <h3 className="text-2xl font-semibold">Live Delivery Tracking:</h3>
+                <p className="text-md">
+                    Track your Food Paradise order in real-time from our kitchen to your doorstep. Get live updates on its journey and estimated arrival time directly on our platform.
+                </p>
+            </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+                logoText="Food Paradise"
+                copyrightText="© 2024 Food Paradise. All rights reserved."
+                socialLinks={[
+                    { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                    { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                    { icon: Twitter, href: "#", ariaLabel: "Twitter" }
+                ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/customer-management/page.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { User, DollarSign, Users, ShoppingBag, Ban, Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function CustomerManagementPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Menu",                id: "/#menu"},
+              {
+                name: "Features",                id: "/#features"},
+              {
+                name: "Customers",                id: "#hero"},
+              {
+                name: "Pricing",                id: "/#pricing"},
+              {
+                name: "Reviews",                id: "/#testimonials"},
+              {
+                name: "FAQ",                id: "/#faq"},
+              {
+                name: "Contact",                id: "/#contact"},
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{
+              variant: "radial-gradient"}}
+            title="Seamless Customer Management"
+            description="Gain deep insights, reward loyalty, and optimize customer relationships with our powerful management tools."
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/person-taking-picture-pepperoni-pizza_23-2149398053.jpg?_wi=1",                imageAlt: "Delicious Pizza"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg?_wi=1",                imageAlt: "Food Delivery Rider"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg?_wi=1",                imageAlt: "Juicy Burger"}
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "profiles",                title: "Detailed Customer Profiles",                descriptions: [
+                  "Access comprehensive profiles with contact information, preferences, and demographics."],
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg",                imageAlt: "Customer Profile"},
+              {
+                id: "loyalty-points",                title: "Loyalty Points & Rewards",                descriptions: [
+                  "Track loyalty points, manage reward tiers, and incentivize repeat purchases with exclusive offers."],
+                imageSrc: "http://img.b2bpic.net/free-photo/person-taking-picture-pepperoni-pizza_23-2149398053.jpg?_wi=2",                imageAlt: "Loyalty Program"},
+              {
+                id: "segmentation",                title: "Smart Customer Segmentation",                descriptions: [
+                  "Segment your customer base by purchase history, preferences, and engagement for targeted marketing campaigns."],
+                imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg?_wi=2",                imageAlt: "Customer Segmentation"},
+              {
+                id: "purchase-history",                title: "Comprehensive Purchase History",                descriptions: [
+                  "View a complete history of every customer's orders, preferences, and spending habits."],
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg?_wi=2",                imageAlt: "Purchase History"},
+              {
+                id: "ban-block",                title: "User Ban & Block Management",                descriptions: [
+                  "Effectively manage user access, ban or block problematic accounts to maintain platform integrity."],
+                imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg?_wi=2",                imageAlt: "User Ban"},
+            ]}
+            title="Powerful Tools for Customer Relationship Management"
+            description="Our module provides everything you need to understand, engage, and retain your valuable customers."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/finance/page.tsx

@@ -0,0 +1,122 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { Briefcase, CreditCard, DollarSign, LineChart, Receipt, Scale, TrendingUp, Wallet, Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function FinancePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",                id: "#hero"},
+              {
+                name: "Menu",                id: "#menu"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Pricing",                id: "#pricing"},
+              {
+                name: "Staff",                id: "/staff"
+              },
+              {
+                name: "Finance",                id: "/finance"
+              },
+              {
+                name: "Reviews",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="hero-finance-module" data-section="hero-finance-module">
+          <HeroBillboardDashboard
+            title="Comprehensive Financial Module"
+            description="Gain deep insights into your restaurant's financial performance with real-time revenue, expense, and profit analysis."
+            dashboard={{
+              title: "Financial Snapshot",              stats: [
+                { title: "Total Revenue", values: [15000, 16500, 18000], valuePrefix: "₹", description: "This month's sales" },
+                { title: "Total Expenses", values: [5000, 5500, 6000], valuePrefix: "₹", description: "Operating costs" },
+                { title: "Net Profit", values: [10000, 11000, 12000], valuePrefix: "₹", description: "Monthly net earnings" },
+              ],
+              logoIcon: DollarSign,
+              sidebarItems: [
+                { icon: LineChart, active: true },
+                { icon: Receipt },
+                { icon: CreditCard },
+                { icon: Wallet }
+              ],
+              buttons: [
+                { text: "View Reports" },
+                { text: "Add Expense" }
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/business-graph-charts-stock-market-financial-data-concept_34200-517.jpg?_wi=3",              imageAlt: "Financial Dashboard",              listItems: [
+                { icon: TrendingUp, title: "Sales Growth", status: "+10%" },
+                { icon: DollarSign, title: "Supplier Payments", status: "-₹2,500" },
+                { icon: Briefcase, title: "Payroll", status: "-₹3,000" },
+              ],
+              listTitle: "Recent Financial Activity"
+            }}
+            background={{ variant: "radial-gradient" }}
+          />
+        </div>
+
+        <div id="financial-metrics" data-section="financial-metrics">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Financial Performance at a Glance"
+            description="Monitor your restaurant's health with key financial indicators."
+            metrics={[
+              { id: "revenue", icon: DollarSign, title: "Revenue", value: "₹18,000" },
+              { id: "expenses", icon: Receipt, title: "Expenses", value: "₹6,000" },
+              { id: "profit", icon: TrendingUp, title: "Net Profit", value: "₹12,000" },
+              { id: "tax", icon: Scale, title: "Tax Liability", value: "₹1,500" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/orders/page.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Award, Facebook, Instagram, MapPin, Rocket, Star, Twitter, Utensils } from "lucide-react";
+
+export default function OrdersPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLarge"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",                id: "#hero"},
+              {
+                name: "Menu",                id: "#menu"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Pricing",                id: "#pricing"},
+              {
+                name: "Order Management",                id: "/orders"},
+              {
+                name: "Reviews",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="orders-management" className="py-20 px-4 text-center">
+          <h1 className="text-5xl font-extrabold text-foreground mb-4">Order Management Dashboard</h1>
+          <p className="text-lg text-foreground/80 mb-8">View, accept, reject, assign delivery staff, and update order statuses.</p>
+          {/* Placeholder for order management tables/components */}
+          <div className="bg-card p-6 rounded-lg shadow-lg max-w-4xl mx-auto">
+            <p className="text-foreground/70">Order management features will be integrated here.</p>
+          </div>
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{
+              variant: "plain"}}
+            text="Ready to tantalize your taste buds? Contact Food Paradise today for the freshest, fastest, and most authentic meals in Rampur!"
+            buttons={[
+              {
+                text: "Call Us",                href: "tel:+911234567890"},
+              {
+                text: "Email Us",                href: "mailto:info@foodparadise.com"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -16,6 +16,25 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import { Award, Facebook, Instagram, MapPin, Rocket, Star, Twitter, Utensils } from "lucide-react";
 
 export default function LandingPage() {
+  const navItems = [
+    {
+      name: "Home",      id: "#hero"},
+    {
+      name: "Menu",      id: "#menu"},
+    {
+      name: "Features",      id: "#features"},
+    {
+      name: "Pricing",      id: "#pricing"},
+    {
+      name: "Reviews",      id: "#testimonials"},
+    {
+      name: "FAQ",      id: "#faq"},
+    {
+      name: "Contact",      id: "#contact"},
+    {
+      name: "Privacy",      id: "/privacy"},
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -32,36 +51,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
-      navItems={[
+      navItems={navItems}
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
       brandName="Food Paradise"
     />
   </div>
@@ -69,40 +59,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Fresh Food • Fast Delivery • Authentic Taste"
       description="Order your favorite pizzas, burgers, tandoori specialties, and Chinese cuisine from Food Paradise. Get hot, fresh meals delivered to your door in under 45 minutes or enjoy dine-in and takeaway at our Rampur location."
       buttons={[
         {
-          text: "Order Now",
+          text: "Order Now"},
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-picture-pepperoni-pizza_23-2149398053.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-picture-pepperoni-pizza_23-2149398053.jpg?_wi=1",          imageAlt: "Delicious Pizza"},
-          imageAlt: "Delicious Pizza",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg?_wi=1",          imageAlt: "Juicy Burger"},
-          imageAlt: "Juicy Burger",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-oil-salt-sauce-onion-garlic-chicken-with-herbs-lavash-board_140725-73745.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/chicken-oil-salt-sauce-onion-garlic-chicken-with-herbs-lavash-board_140725-73745.jpg?_wi=1",          imageAlt: "Authentic Tandoori Chicken"},
-          imageAlt: "Authentic Tandoori Chicken",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg?_wi=1",          imageAlt: "Hot Chinese Noodles"},
-          imageAlt: "Hot Chinese Noodles",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg?_wi=1",          imageAlt: "Food Delivery Rider"},
-          imageAlt: "Food Delivery Rider",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-vegetables_23-2148478183.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-vegetables_23-2148478183.jpg",          imageAlt: "Assorted Fast Food Combo"},
-          imageAlt: "Assorted Fast Food Combo",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -115,19 +91,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Rocket,
-          label: "Delivery Time",
+          label: "Delivery Time",          value: "Under 45 Mins"},
-          value: "Under 45 Mins",
-        },
         {
           icon: Star,
-          label: "Customer Satisfaction",
+          label: "Customer Satisfaction",          value: "98%"},
-          value: "98%",
-        },
         {
           icon: Utensils,
-          label: "Cuisine Variety",
+          label: "Cuisine Variety",          value: "50+ Dishes"},
-          value: "50+ Dishes",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -140,59 +110,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "live-tracking",
+          id: "live-tracking",          title: "Live Order Tracking",          descriptions: [
-          title: "Live Order Tracking",
+            "Track your order from kitchen to doorstep in real-time."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg",          imageAlt: "Close up hands holding device"},
-            "Track your order from kitchen to doorstep in real-time.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg",
-          imageAlt: "Close up hands holding device",
-        },
         {
-          id: "payments",
+          id: "payments",          title: "Multiple Payment Options",          descriptions: [
-          title: "Multiple Payment Options",
+            "Pay with cards, UPI, wallets, or cash on delivery for ultimate flexibility."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-picture-pepperoni-pizza_23-2149398053.jpg?_wi=2",          imageAlt: "Close up hands holding device"},
-            "Pay with cards, UPI, wallets, or cash on delivery for ultimate flexibility.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/person-taking-picture-pepperoni-pizza_23-2149398053.jpg?_wi=2",
-          imageAlt: "Close up hands holding device",
-        },
         {
-          id: "loyalty",
+          id: "loyalty",          title: "Exclusive Loyalty Rewards",          descriptions: [
-          title: "Exclusive Loyalty Rewards",
+            "Earn points with every order and redeem them for exciting discounts and freebies."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg?_wi=2",          imageAlt: "Close up hands holding device"},
-            "Earn points with every order and redeem them for exciting discounts and freebies.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/grill-chicken-burger_1339-1361.jpg?_wi=2",
-          imageAlt: "Close up hands holding device",
-        },
         {
-          id: "mobile-friendly",
+          id: "mobile-friendly",          title: "Mobile-First Experience",          descriptions: [
-          title: "Mobile-First Experience",
+            "Order on-the-go with our fully optimized mobile website, designed for speed and ease."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/chicken-oil-salt-sauce-onion-garlic-chicken-with-herbs-lavash-board_140725-73745.jpg?_wi=2",          imageAlt: "Close up hands holding device"},
-            "Order on-the-go with our fully optimized mobile website, designed for speed and ease.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-oil-salt-sauce-onion-garlic-chicken-with-herbs-lavash-board_140725-73745.jpg?_wi=2",
-          imageAlt: "Close up hands holding device",
-        },
         {
-          id: "notifications",
+          id: "notifications",          title: "Real-time Notifications",          descriptions: [
-          title: "Real-time Notifications",
+            "Get instant updates on your order status via in-app, email, and WhatsApp notifications."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg?_wi=2",          imageAlt: "Close up hands holding device"},
-            "Get instant updates on your order status via in-app, email, and WhatsApp notifications.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529844.jpg?_wi=2",
-          imageAlt: "Close up hands holding device",
-        },
         {
-          id: "admin-dashboard",
+          id: "admin-dashboard",          title: "Efficient Admin Dashboard",          descriptions: [
-          title: "Efficient Admin Dashboard",
+            "Restaurant owners manage orders, update status, and communicate with customers seamlessly."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg?_wi=2",          imageAlt: "Close up hands holding device"},
-            "Restaurant owners manage orders, update status, and communicate with customers seamlessly.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-food-pack_23-2149177823.jpg?_wi=2",
-          imageAlt: "Close up hands holding device",
-        },
       ]}
       title="Seamless Ordering & Real-Time Tracking"
       description="Experience the future of food delivery with our intuitive platform, designed for speed and convenience."
@@ -207,47 +147,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "momos",
+          id: "momos",          name: "Spicy Chicken Momos",          price: "₹150",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-food-photography-perfectly-pleated-jiaozi-dumplings-matte-black-plate_123827-36939.jpg",          imageAlt: "Spicy Chicken Momos"},
-          name: "Spicy Chicken Momos",
-          price: "₹150",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-food-photography-perfectly-pleated-jiaozi-dumplings-matte-black-plate_123827-36939.jpg",
-          imageAlt: "Spicy Chicken Momos",
-        },
         {
-          id: "paneer-tikka",
+          id: "paneer-tikka",          name: "Paneer Tikka",          price: "₹220",          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086069.jpg",          imageAlt: "Paneer Tikka"},
-          name: "Paneer Tikka",
-          price: "₹220",
-          imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086069.jpg",
-          imageAlt: "Paneer Tikka",
-        },
         {
-          id: "butter-chicken",
+          id: "butter-chicken",          name: "Butter Chicken",          price: "₹350",          imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg",          imageAlt: "Butter Chicken"},
-          name: "Butter Chicken",
-          price: "₹350",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-indian-food-wooden-background_1220-7969.jpg",
-          imageAlt: "Butter Chicken",
-        },
         {
-          id: "fries",
+          id: "fries",          name: "Crispy French Fries",          price: "₹90",          imageSrc: "http://img.b2bpic.net/free-photo/golden-french-fries-potatoes_1339-3214.jpg",          imageAlt: "Crispy French Fries"},
-          name: "Crispy French Fries",
-          price: "₹90",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-french-fries-potatoes_1339-3214.jpg",
-          imageAlt: "Crispy French Fries",
-        },
         {
-          id: "mango-lassi",
+          id: "mango-lassi",          name: "Refreshing Mango Lassi",          price: "₹110",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-mango-smoothie_1339-1484.jpg",          imageAlt: "Refreshing Mango Lassi"},
-          name: "Refreshing Mango Lassi",
-          price: "₹110",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-mango-smoothie_1339-1484.jpg",
-          imageAlt: "Refreshing Mango Lassi",
-        },
         {
-          id: "spring-rolls",
+          id: "spring-rolls",          name: "Vegetable Spring Rolls",          price: "₹180",          imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_1203-2701.jpg",          imageAlt: "Vegetable Spring Rolls"},
-          name: "Vegetable Spring Rolls",
-          price: "₹180",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-spring-roll_1203-2701.jpg",
-          imageAlt: "Vegetable Spring Rolls",
-        },
       ]}
       title="Our Delicious Menu"
       description="Explore a wide array of mouth-watering dishes, from local favorites to international cuisines."
@@ -261,39 +171,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "standard-delivery",
+          id: "standard-delivery",          badge: "Standard",          badgeIcon: MapPin,
-          badge: "Standard",
+          price: "₹50",          subtitle: "Per Order Delivery",          features: [
-          badgeIcon: MapPin,
+            "Delivery within Rampur",            "Standard tracking updates"],
-          price: "₹50",
-          subtitle: "Per Order Delivery",
-          features: [
-            "Delivery within Rampur",
-            "Standard tracking updates",
-          ],
         },
         {
-          id: "premium-delivery",
+          id: "premium-delivery",          badge: "Premium",          badgeIcon: Rocket,
-          badge: "Premium",
+          price: "₹99/mo",          subtitle: "Unlimited Fast Delivery",          features: [
-          badgeIcon: Rocket,
+            "Priority delivery",            "Enhanced live tracking",            "Exclusive discounts"],
-          price: "₹99/mo",
-          subtitle: "Unlimited Fast Delivery",
-          features: [
-            "Priority delivery",
-            "Enhanced live tracking",
-            "Exclusive discounts",
-          ],
         },
         {
-          id: "foodie-loyalty",
+          id: "foodie-loyalty",          badge: "Foodie Club",          badgeIcon: Award,
-          badge: "Foodie Club",
+          price: "Free",          subtitle: "Earn & Redeem Points",          features: [
-          badgeIcon: Award,
+            "Points on every order",            "Birthday specials",            "Early access to new menus"],
-          price: "Free",
-          subtitle: "Earn & Redeem Points",
-          features: [
-            "Points on every order",
-            "Birthday specials",
-            "Early access to new menus",
-          ],
         },
       ]}
       title="Delivery & Loyalty Programs"
@@ -306,14 +196,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Fast Delivery",
+        "Fast Delivery",        "Authentic Taste",        "Hygiene Certified",        "Top-Rated Service",        "Community Favorite",        "Wide Variety",        "Budget Friendly"]}
-        "Authentic Taste",
-        "Hygiene Certified",
-        "Top-Rated Service",
-        "Community Favorite",
-        "Wide Variety",
-        "Budget Friendly",
-      ]}
       title="Trusted by Thousands in Rampur"
       description="Join our growing family of happy customers and experience the Food Paradise difference."
     />
@@ -324,41 +207,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Rohan Sharma",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-fashionable-woman-with-long-hair-chilling-terrace-cafe-she-has-vinous-lips_197531-603.jpg",          imageAlt: "Rohan Sharma"},
-          name: "Rohan Sharma",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-fashionable-woman-with-long-hair-chilling-terrace-cafe-she-has-vinous-lips_197531-603.jpg",
-          imageAlt: "Rohan Sharma",
-        },
         {
-          id: "2",
+          id: "2",          name: "Priya Singh",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-holding-delivery-coffee_179666-41794.jpg",          imageAlt: "Priya Singh"},
-          name: "Priya Singh",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-courier-holding-delivery-coffee_179666-41794.jpg",
-          imageAlt: "Priya Singh",
-        },
         {
-          id: "3",
+          id: "3",          name: "Ananya Gupta",          imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-pictures-while-eating-pizza-home_23-2150419424.jpg",          imageAlt: "Ananya Gupta"},
-          name: "Ananya Gupta",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-pictures-while-eating-pizza-home_23-2150419424.jpg",
-          imageAlt: "Ananya Gupta",
-        },
         {
-          id: "4",
+          id: "4",          name: "Vijay Kumar",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-drink-studying_23-2147656033.jpg",          imageAlt: "Vijay Kumar"},
-          name: "Vijay Kumar",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-drink-studying_23-2147656033.jpg",
-          imageAlt: "Vijay Kumar",
-        },
         {
-          id: "5",
+          id: "5",          name: "Smita Reddy",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-phone-happy-cafe-business_1303-2341.jpg",          imageAlt: "Smita Reddy"},
-          name: "Smita Reddy",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-phone-happy-cafe-business_1303-2341.jpg",
-          imageAlt: "Smita Reddy",
-        },
         {
-          id: "6",
+          id: "6",          name: "Arjun Das",          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081863.jpg",          imageAlt: "Arjun Das"},
-          name: "Arjun Das",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081863.jpg",
-          imageAlt: "Arjun Das",
-        },
       ]}
       cardTitle="What Our Customers Say"
       cardTag="Happy Eaters"
@@ -372,35 +231,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How long does delivery take?",          content: "Typically, orders are delivered within 45 minutes, depending on your location in Rampur and current restaurant volume."},
-          title: "How long does delivery take?",
-          content: "Typically, orders are delivered within 45 minutes, depending on your location in Rampur and current restaurant volume.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What payment methods are accepted?",          content: "We accept major credit/debit cards, UPI, popular mobile wallets, and cash on delivery."},
-          title: "What payment methods are accepted?",
-          content: "We accept major credit/debit cards, UPI, popular mobile wallets, and cash on delivery.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I track my order?",          content: "Yes, once your order is confirmed, you can track its live status from preparation to delivery directly on our platform."},
-          title: "Can I track my order?",
-          content: "Yes, once your order is confirmed, you can track its live status from preparation to delivery directly on our platform.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "How do loyalty rewards work?",          content: "Earn points with every purchase. These points can be accumulated and redeemed for discounts, free meals, or exclusive offers on future orders."},
-          title: "How do loyalty rewards work?",
-          content: "Earn points with every purchase. These points can be accumulated and redeemed for discounts, free meals, or exclusive offers on future orders.",
-        },
         {
-          id: "q5",
+          id: "q5",          title: "What is your return/refund policy?",          content: "If you receive an incorrect or unsatisfactory order, please contact our customer support immediately. We'll assist you with a replacement or refund."},
-          title: "What is your return/refund policy?",
-          content: "If you receive an incorrect or unsatisfactory order, please contact our customer support immediately. We'll assist you with a replacement or refund.",
-        },
         {
-          id: "q6",
+          id: "q6",          title: "Do you offer catering services?",          content: "Yes, Food Paradise offers catering for events of all sizes. Please contact us directly for custom menu options and pricing."},
-          title: "Do you offer catering services?",
-          content: "Yes, Food Paradise offers catering for events of all sizes. Please contact us directly for custom menu options and pricing.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about ordering, delivery, and our services."
@@ -412,18 +253,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       text="Ready to tantalize your taste buds? Contact Food Paradise today for the freshest, fastest, and most authentic meals in Rampur!"
       buttons={[
         {
-          text: "Call Us",
+          text: "Call Us",          href: "tel:+911234567890"},
-          href: "tel:+911234567890",
-        },
         {
-          text: "Email Us",
+          text: "Email Us",          href: "mailto:info@foodparadise.com"},
-          href: "mailto:info@foodparadise.com",
-        },
       ]}
     />
   </div>
@@ -431,23 +267,17 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="Food Paradise"
-      copyrightText="© 2024 Food Paradise. All rights reserved."
+      copyrightText="© 2024 Food Paradise. All rights reserved. | Enhanced Security & Privacy"
       socialLinks={[
         {
           icon: Facebook,
-          href: "#",
+          href: "#",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "#",
+          href: "#",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
         {
           icon: Twitter,
-          href: "#",
+          href: "#",          ariaLabel: "Twitter"},
-          ariaLabel: "Twitter",
-        },
       ]}
     />
   </div>

src/app/privacy/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import LegalSection from '@/components/legal/LegalSection';
+import { Award, Facebook, Instagram, MapPin, Rocket, Star, Twitter, Utensils } from "lucide-react";
+
+export default function PrivacyPage() {
+  const navItems = [
+    { name: "Home", id: "#hero" },
+    { name: "Menu", id: "#menu" },
+    { name: "Features", id: "#features" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "Reviews", id: "#testimonials" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Privacy", id: "/privacy" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={navItems}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="privacy-policy" data-section="privacy-policy">
+          <LegalSection
+            layout="page"
+            title="Privacy Policy"
+            subtitle="Last updated: October 26, 2023"
+            sections={[
+              {
+                heading: "Introduction",                content: [
+                  { type: "paragraph", text: "Welcome to Food Paradise. We are committed to protecting your privacy and handling your data in a transparent manner. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website and use our services." }
+                ]
+              },
+              {
+                heading: "Information We Collect",                content: [
+                  { type: "paragraph", text: "We collect information that you provide directly to us when you use our services, such as when you create an account, place an order, or contact us. This may include:" },
+                  { type: "list", items: [
+                    "Personal Identifiable Information (PII): Name, email address, phone number, delivery address.",                    "Payment Information: While we do not store full payment card details, we may collect information required to process payments through third-party payment processors (e.g., transaction ID, masked card number).",                    "Order Details: Information related to your food orders, preferences, and dietary restrictions."
+                  ]}
+                ]
+              },
+              {
+                heading: "How We Use Your Information",                content: [
+                  { type: "paragraph", text: "We use the information we collect for various purposes, including:" },
+                  { type: "list", items: [
+                    "To provide and maintain our services, including processing orders and deliveries.",                    "To improve, personalize, and expand our services.",                    "To communicate with you, respond to inquiries, and provide customer support.",                    "To send you promotional communications, updates, and offers (you can opt-out at any time).",                    "To monitor and analyze usage and trends to improve your experience.",                    "To detect, prevent, and address technical issues and security incidents.",                    "To comply with legal obligations."
+                  ]}
+                ]
+              },
+              {
+                heading: "Data Security",                content: [
+                  { type: "paragraph", text: "We implement a variety of security measures, including JWT authentication, two-factor authentication (2FA), and data encryption, to maintain the safety of your personal information. Your data is stored on secure servers and access is restricted to authorized personnel only. We also regularly back up data to prevent loss." }
+                ]
+              },
+              {
+                heading: "Your Data Protection Rights",                content: [
+                  { type: "paragraph", text: "Depending on your location, you may have the following rights regarding your personal data:" },
+                  { type: "list", items: [
+                    "The right to access – You have the right to request copies of your personal data.",                    "The right to rectification – You have the right to request that we correct any information you believe is inaccurate or incomplete.",                    "The right to erasure – You have the right to request that we erase your personal data, under certain conditions.",                    "The right to restrict processing – You have the right to request that we restrict the processing of your personal data, under certain conditions.",                    "The right to object to processing – You have the right to object to our processing of your personal data, under certain conditions.",                    "The right to data portability – You have the right to request that we transfer the data that we have collected to another organization, or directly to you, under certain conditions."
+                  ]}
+                ]
+              },
+              {
+                heading: "Changes to This Privacy Policy",                content: [
+                  { type: "paragraph", text: "We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page. You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page." }
+                ]
+              },
+              {
+                heading: "Contact Us",                content: [
+                  { type: "paragraph", text: "If you have any questions or concerns about this Privacy Policy, please contact us:" },
+                  { type: "list", items: [
+                    "By email: privacy@foodparadise.com",                    "By phone: +91 12345 67890"
+                  ]}
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved. | Enhanced Security & Privacy"
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/staff/page.tsx

@@ -0,0 +1,123 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { Briefcase, ChefHat, FileText, ShieldCheck, Truck, Users, Utensils, Facebook, Instagram, Twitter } from "lucide-react";
+
+export default function StaffPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="circleGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",                id: "#hero"},
+              {
+                name: "Menu",                id: "#menu"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Pricing",                id: "#pricing"},
+              {
+                name: "Staff",                id: "/staff"
+              },
+              {
+                name: "Finance",                id: "/finance"
+              },
+              {
+                name: "Reviews",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            brandName="Food Paradise"
+          />
+        </div>
+
+        <div id="hero-staff-management" data-section="hero-staff-management">
+          <HeroBillboardDashboard
+            title="Efficient Staff Management"
+            description="Streamline operations with comprehensive staff accounts, roles, permissions, and activity logs."
+            dashboard={{
+              title: "Staff Overview",              stats: [
+                { title: "Kitchen Staff", values: [10, 12, 15], description: "Current kitchen personnel" },
+                { title: "Cashier Staff", values: [5, 6, 7], description: "Active cashier team" },
+                { title: "Delivery Drivers", values: [8, 10, 12], description: "On-road delivery personnel" },
+              ],
+              logoIcon: Users,
+              sidebarItems: [
+                { icon: Users, active: true },
+                { icon: Briefcase },
+                { icon: ShieldCheck },
+                { icon: FileText }
+              ],
+              buttons: [
+                { text: "Add Staff" },
+                { text: "Manage Roles" }
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-meeting-modern-office_23-2149021200.jpg?_wi=3",              imageAlt: "Staff Management Dashboard",              listItems: [
+                { icon: ChefHat, title: "Chef Alex", status: "Kitchen Manager" },
+                { icon: Utensils, title: "Maria Gomez", status: "Head Cook" },
+                { icon: Truck, title: "David Lee", status: "Delivery Lead" },
+              ],
+              listTitle: "Recent Staff Activity"
+            }}
+            background={{ variant: "radial-gradient" }}
+          />
+        </div>
+
+        <div id="staff-features" data-section="staff-features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Key Staff Management Features"
+            description="Empower your team with tailored access and robust tracking."
+            features={[
+              { id: "roles-permissions", title: "Roles & Permissions", subtitle: "Define custom roles", category: "Security", value: "Admin, Manager, Staff" },
+              { id: "kitchen-accounts", title: "Kitchen Staff Accounts", subtitle: "Manage order prep & inventory", category: "Operations", value: "View Orders" },
+              { id: "cashier-accounts", title: "Cashier Staff Accounts", subtitle: "Handle transactions & billing", category: "Finance", value: "Process Payments" },
+              { id: "delivery-accounts", title: "Delivery Staff Accounts", subtitle: "Assign routes & track deliveries", category: "Logistics", value: "Track Deliveries" },
+              { id: "activity-logs", title: "Activity Logs", subtitle: "Monitor all staff actions", category: "Auditing", value: "Detailed Records" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Food Paradise"
+            copyrightText="© 2024 Food Paradise. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}