2026-03-27 08:29:55 +00:00
2 changed files with 62 additions and 35 deletions
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function OrderPage() {
+  const menuItems = [
+    { id: "s1", name: "Paneer Tikka", price: "₹250", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-skewers-with-chili-herbs-dark-board_84443-85864.jpg" },
+    { id: "m1", name: "Butter Chicken", price: "₹380", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-psd/delicious-chicken-tikka-masala-bowl_191095-90568.jpg" },
+    { id: "b1", name: "Berry Mocktail", price: "₹220", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/delicious-alcoholic-drinks-with-rosemary_23-2148617574.jpg" },
+    { id: "c1", name: "Special Combo", price: "₹400", variant: "Combo", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-teriyaki-sauce-lettuce-leaf-with-red-cabbage-salad-lemon_114579-3571.jpg" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Order", id: "order" }
+          ]}
+          brandName="Magic Vibe"
+        />
+      </div>
+
+      <div id="order" data-section="order" className="py-20">
+        <ProductCardFour
+          animationType="slide-up"
+          textboxLayout="split"
+          gridVariant="bento-grid"
+          useInvertedBackground={false}
+          products={menuItems}
+          title="Online Ordering"
+          description="Browse our full menu and place your order for pickup or delivery."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Magic Vibe"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,12 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

 export default function LandingPage() {
@@ -32,6 +30,7 @@ export default function LandingPage() {
              { name: "Home", id: "hero" },
              { name: "About", id: "about" },
              { name: "Menu", id: "menu" },
+              { name: "Order", id: "order" },
              { name: "Contact", id: "contact" }
            ]}
            brandName="Magic Vibe"
@@ -46,7 +45,7 @@ export default function LandingPage() {
            tag="Luxury Dining"
            buttons={[
              { text: "Reserve a Table", href: "#contact" },
-              { text: "Order Online", href: "#menu" }
+              { text: "Order Online", href: "/order" }
            ]}
            mediaItems={[
              { imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg", imageAlt: "Luxury dining setting" },
@@ -85,38 +84,6 @@ export default function LandingPage() {
          />
        </div>

-        <div id="services" data-section="services">
-          <FeatureCardThree
-            animationType="blur-reveal"
-            textboxLayout="split"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={true}
-            features={[
-              { id: "s1", title: "Dine-In & Lounge", description: "Experience our luxurious, ambient interior.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236889.jpg" },
-              { id: "s2", title: "Drive-Through", description: "Quick pickup for those on the move.", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-food-template_23-2149817305.jpg" },
-              { id: "s3", title: "No-Contact Delivery", description: "Safe, premium food right to your door.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-woman-outdoors-with-takeaway-food_23-2149025871.jpg" }
-            ]}
-            title="Exceptional Services"
-            description="We offer a variety of ways to experience our magical vibe, tailored to your comfort."
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwo
-            animationType="scale-rotate"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            testimonials={[
-              { id: "t1", name: "Rahul Sharma", role: "Food Blogger", testimonial: "The food is sooo tasty and the service is superb.", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663850.jpg" },
-              { id: "t2", name: "Ananya Gupta", role: "Local Patron", testimonial: "A truly magical experience, loved every moment.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg" },
-              { id: "t3", name: "Vikram Singh", role: "Regular Guest", testimonial: "Best ambiance in Sehmalpur, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg" },
-              { id: "t4", name: "Sonia Verma", role: "Family Visitor", testimonial: "Amazing hospitality and delicious cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-charming-young-woman-with-bob-haircut-enjoying-walk-through-city-yellow-coat-smiling-camera_171337-3468.jpg" }
-            ]}
-            title="Guest Testimonials"
-            description="Real feedback from our happy guests who enjoyed the magical ambiance and tasty food."
-          />
-        </div>
-
        <div id="contact" data-section="contact">
          <ContactCenter
            useInvertedBackground={false}