Merge version_3 into main

Merge version_3 into main

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

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { useParams } from 'next/navigation';
+
+export default function CourseDetailPage() {
+  const params = useParams();
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="GourmetAgency"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "/courses" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/#contact" }
+            ]}
+          />
+        </div>
+
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+          <h1 className="text-5xl font-bold mb-6">Course Details for {params.id}</h1>
+          <p className="text-xl mb-8">Deep dive into professional hospitality strategies and expert culinary techniques.</p>
+          <div className="bg-gray-100 p-8 rounded-lg mb-8">
+            <h2 className="text-2xl font-semibold mb-4">Instructor: Chef Marco Rossi</h2>
+            <p>With over 20 years of experience in Michelin-starred establishments, Chef Rossi brings industry-leading expertise to every lesson.</p>
+          </div>
+          <button className="bg-blue-600 text-white px-8 py-3 rounded-full text-lg font-medium hover:bg-blue-700 transition">
+            Enroll Now
+          </button>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="GourmetAgency"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Courses", href: "/courses" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/courses/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function CoursesCatalogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "/courses" },
+              { name: "Enrollment", id: "/enrollment" },
+              { name: "Pricing", id: "/pricing" }
+            ]}
+            brandName="GourmetAgency"
+          />
+        </div>
+
+        <div id="catalog" data-section="catalog" className="pt-32">
+          <ProductCardThree
+            title="Our Course Catalog"
+            description="Expertly crafted courses for culinary professionals."
+            useInvertedBackground={false}
+            animationType="slide-up"
+            gridVariant="four-items-2x2-equal-grid"
+            textboxLayout="default"
+            products={[
+              { id: "c1", name: "Advanced Culinary Techniques", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish_23-2148734604.jpg" },
+              { id: "c2", name: "Restaurant Strategy Mastery", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/professional-architectural-designer-configures-floor-plan-dual-monitors_482257-120253.jpg" },
+              { id: "c3", name: "Digital Menu Engineering", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/close-up-utensil-around-digital-tablet-beige-background_23-2148041733.jpg" },
+              { id: "c4", name: "Luxury Hospitality Leadership", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="GourmetAgency"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Courses", href: "/courses" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/enrollment/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function EnrollmentPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="bounce-effect" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="GourmetAgency"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "/courses" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Enrollment", id: "/enrollment" }
+            ]}
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Secure Your Spot - Complete the form to start your journey."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="GourmetAgency"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,17 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Award, TrendingUp, Users } from "lucide-react";
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function LandingPage() {
   return (
@@ -34,8 +26,8 @@ export default function LandingPage() {
       brandName="GourmetAgency"
       navItems={[
         { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Services", id: "features" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Enroll", id: "/enrollment" },
         { name: "Contact", id: "contact" }
       ]}
     />
@@ -51,135 +43,12 @@ export default function LandingPage() {
         { src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg", alt: "Client" },
         { src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg", alt: "Client" },
         { src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg", alt: "Client" },
-        { src: "http://img.b2bpic.net/free-photo/vertical-shot-barista-asian-girl-steaming-milk-cappuccino-prepare-latte-client-wearing_1258-203419.jpg", alt: "Client" },
-        { src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg", alt: "Client" },
       ]}
       avatarText="Trusted by 50+ world-class restaurants"
       buttons={[
-        { text: "Explore Our Work", href: "#features" },
-        { text: "Contact Us", href: "#contact" },
+        { text: "View Pricing", href: "/pricing" },
       ]}
       buttonAnimation="slide-up"
-      marqueeItems={[
-        { type: "text", text: "Michelin-Starred Strategy" },
-        { type: "text", text: "Luxury Branding" },
-        { type: "text", text: "Digital Operations" },
-        { type: "text", text: "Hospitality Excellence" },
-        { type: "text", text: "Culinary Innovation" },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Our Approach to Hospitality"
-      description={[
-        "For over a decade, we have been at the forefront of restaurant branding and operations. We bridge the gap between culinary artistry and commercial success.",        "Our methodology combines data-driven insights with human-centric design to create enduring guest experiences that define the new standard of premium dining."]}
-      buttons={[
-        { text: "Learn More", href: "#" },
-      ]}
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Brand Identity",          description: "Crafting unique visual languages that resonate with premium audiences.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-utensil-around-digital-tablet-beige-background_23-2148041733.jpg", imageAlt: "restaurant menu design screen" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114052.jpg", imageAlt: "restaurant booking app UI" },
-        },
-        {
-          title: "Operational Design",          description: "Streamlining service workflows for efficiency and guest satisfaction.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-architectural-designer-configures-floor-plan-dual-monitors_482257-120253.jpg", imageAlt: "interior design software rendering" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114027.jpg", imageAlt: "food photography editing screen" },
-        },
-        {
-          title: "Digital Growth",          description: "Leveraging technology to boost bookings and engagement effortlessly.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-vaccination-passport_23-2149340934.jpg", imageAlt: "restaurant staff training mobile app" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/worker-checking-greenscreen-display_482257-86784.jpg", imageAlt: "customer feedback dashboard app" },
-        },
-      ]}
-      showStepNumbers={true}
-      title="Comprehensive Culinary Services"
-      description="Tailored strategies for restaurants aiming for greatness."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Elena Rossi", role: "Owner", company: "L'Etoile", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
-        { id: "2", name: "Marcello Conti", role: "Executive Chef", company: "Conti Fine Dining", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg" },
-        { id: "3", name: "Sarah Jenkins", role: "CEO", company: "Urban Kitchen Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner_23-2149434511.jpg" },
-        { id: "4", name: "Julian Vane", role: "Director", company: "Vane Hospitality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379559.jpg" },
-        { id: "5", name: "Chloe Dupont", role: "Founder", company: "Dupont Bistro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
-        { id: "6", name: "Robert Stone", role: "Owner", company: "The Stone Grill", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg" },
-      ]}
-      title="Partners in Excellence"
-      description="What our clients say about our impact."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", icon: TrendingUp, title: "Avg. Revenue Growth", value: "42%" },
-        { id: "m2", icon: Users, title: "Guest Satisfaction", value: "98%" },
-        { id: "m3", icon: Award, title: "Projects Awarded", value: "150+" },
-      ]}
-      title="Proven Results"
-      description="Measurable growth across every client portfolio."
-    />
-  </div>
-
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={true}
-      names={[
-        "L'Etoile", "Conti Fine Dining", "Urban Kitchen Group", "Vane Hospitality", "Dupont Bistro", "The Stone Grill", "Epicurean Collective"]}
-      title="Prestigious Collaborations"
-      description="Partnering with industry leaders to shape the future of dining."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "How long does a branding project take?", content: "Typically 8-12 weeks depending on the scope and complexity." },
-        { id: "q2", title: "Do you work with startups?", content: "Yes, we specialize in helping culinary startups define their market presence." },
-        { id: "q3", title: "Can you handle operational audit?", content: "Absolutely, our operational audit is a core part of our service offering." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-coffee-shop_23-2150183730.jpg"
-      mediaAnimation="slide-up"
-      title="Common Questions"
-      description="Everything you need to know about starting your project."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      tag="Contact Us"
-      title="Visit or Order Online"
-      description="Find us at 123 Culinary Avenue, open daily 9 AM - 10 PM. Order ahead for premium service or call us for consultations."
-      buttons={[
-        { text: "Order Now", href: "#" },
-        { text: "Get Directions", href: "#" }
-      ]}
-      background={{ variant: "plain" }}
     />
   </div>
 
@@ -187,8 +56,8 @@ export default function LandingPage() {
       <FooterLogoEmphasis
       logoText="GourmetAgency"
       columns={[
-        { items: [{ label: "About" }, { label: "Services" }, { label: "Careers" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+        { items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }] },
+        { items: [{ label: "Enrollment", href: "/enrollment" }] }
       ]}
     />
   </div>

src/app/pricing/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="bounce-effect" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="GourmetAgency"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "/courses" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Enrollment", id: "/enrollment" }
+            ]}
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            title="Flexible Learning Plans"
+            description="Choose the perfect path for your hospitality career advancement."
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "starter", price: "$299", name: "Essential Course", features: ["Access to basic modules", "Community support", "PDF resources"], buttons: [{ text: "Select Plan", href: "/enrollment" }] },
+              { id: "pro", price: "$599", name: "Professional Certification", features: ["Everything in Starter", "1-on-1 Mentorship", "Certification Exam", "Lifetime access"], buttons: [{ text: "Select Plan", href: "/enrollment" }] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="GourmetAgency"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/profile/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ProfilePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSmallSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            brandName="GourmetAgency"
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Dashboard", id: "/dashboard" },
+                { name: "Profile", id: "/profile" }
+            ]}
+            />
+        </div>
+
+        <main className="container mx-auto px-6 py-24 min-h-screen">
+            <h1 className="text-4xl font-bold mb-8">Account Settings</h1>
+            <div className="max-w-2xl bg-card p-8 rounded-2xl border border-border">
+                <div className="space-y-6">
+                    <div>
+                        <label className="block text-sm font-medium mb-2">Display Name</label>
+                        <input type="text" className="w-full p-3 rounded-lg border border-border bg-background" defaultValue="John Doe" />
+                    </div>
+                    <div>
+                        <label className="block text-sm font-medium mb-2">Email Address</label>
+                        <input type="email" className="w-full p-3 rounded-lg border border-border bg-background" defaultValue="john@example.com" />
+                    </div>
+                    <button className="px-6 py-3 bg-primary text-white rounded-lg">Save Changes</button>
+                </div>
+            </div>
+        </main>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            logoText="GourmetAgency"
+            columns={[
+                { items: [{ label: "Dashboard" }, { label: "Settings" }, { label: "Support" }] },
+                { items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
+            ]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}