From cc155fea63e0f5cce8cb86f7cb4b892aaa8d7ddc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 14:54:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 429 ++++++++---------------------------------------
 1 file changed, 67 insertions(+), 362 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d85fe4..467431b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
@@ -13,9 +14,11 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Globe, Users } from "lucide-react";
+import { Award, Globe, Users, Utensils } from "lucide-react";
 
 export default function LandingPage() {
+  const [activeTab, setActiveTab] = useState<'cuisines' | 'countries'>('cuisines');
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -33,22 +36,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Cuisine",
-          id: "products",
-        },
-        {
-          name: "Our Mission",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Cuisine", id: "products" },
+        { name: "Our Mission", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="EatingFresh"
     />
@@ -56,134 +47,72 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Discover the World’s Best Bites"
       description="EatingFresh brings you the top-rated culinary delights from every corner of the globe. Explore the authentic, the fresh, and the extraordinary."
       buttons={[
-        {
-          text: "Explore Cuisines",
-          href: "#products",
-        },
-        {
-          text: "Our Journey",
-          href: "#about",
-        },
+        { text: "Explore Cuisines", href: "#products" },
+        { text: "Our Journey", href: "#about" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-white-plate-with-vegetables-cup-juice_114579-56223.jpg"
       imageAlt="Culinary adventure awaits"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/zucchini-pancakes-with-corn-sour-cream_2829-11054.jpg",
-          alt: "Food enthusiast 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/flat-lay-plate-cooked-mussels-wine-with-copyspace_23-2148234981.jpg",
-          alt: "Food enthusiast 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/appetizing-portions-garnished-grilled-spiral-sausages_23-2148167623.jpg",
-          alt: "Food enthusiast 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/frame-made-meat-roll-gnocchi-dish-tableware-vegetable-pieces_23-2148113659.jpg",
-          alt: "Food enthusiast 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/world-food-day-celebration-with-world-ball-globe-surrounded-by-food_23-2151794096.jpg",
-          alt: "Food enthusiast 5",
-        },
-      ]}
-      avatarText="Join 1M+ global food lovers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic Cuisines",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced",
-        },
-        {
-          type: "text",
-          text: "Expertly Rated",
-        },
-        {
-          type: "text",
-          text: "Global Recipes",
-        },
-        {
-          type: "text",
-          text: "Fresh Daily",
-        },
-      ]}
     />
   </div>
 
+  <div id="products" data-section="products">
+    <div className="mx-auto max-w-7xl px-4 py-16">
+        <div className="flex justify-center gap-4 mb-8">
+            <button 
+                onClick={() => setActiveTab('cuisines')} 
+                className={`px-6 py-2 rounded-full font-semibold transition ${activeTab === 'cuisines' ? 'bg-[var(--primary-cta)] text-white' : 'bg-[var(--card)]'}`}>
+                Cuisines
+            </button>
+            <button 
+                onClick={() => setActiveTab('countries')} 
+                className={`px-6 py-2 rounded-full font-semibold transition ${activeTab === 'countries' ? 'bg-[var(--primary-cta)] text-white' : 'bg-[var(--card)]'}`}>
+                Top World Foods
+            </button>
+        </div>
+
+        {activeTab === 'cuisines' ? (
+            <ProductCardFour
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="four-items-2x2-equal-grid"
+              useInvertedBackground={false}
+              products={[
+                { id: "1", name: "Classic Carbonara", price: "Italy", variant: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-small-quail-eggs-wooden-spoon-with-stars-shaped-pasta-garlic-fresh-tomatoes-blue-back_141793-3356.jpg" },
+                { id: "2", name: "Premium Sashimi", price: "Japan", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-4490.jpg" },
+                { id: "3", name: "Street Style Tacos", price: "Mexico", variant: "Vibrant", imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-wooden-board_181624-25417.jpg" },
+                { id: "4", name: "Spiced Butter Chicken", price: "India", variant: "Bold", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-pakistan-goodies_23-2148821571.jpg" }
+              ]}
+              title="Top-Rated Culinary Treasures"
+              description="Globally curated top picks."
+            />
+        ) : (
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <div className="p-8 bg-[var(--card)] rounded-2xl shadow-sm border">
+                    <h3 className="text-2xl font-bold mb-4">Best World Foods</h3>
+                    <ul className="space-y-4">
+                        <li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Neapolitan Pizza (Italy)</li>
+                        <li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Massaman Curry (Thailand)</li>
+                        <li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Sushi (Japan)</li>
+                        <li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Peking Duck (China)</li>
+                        <li className="flex items-center gap-3"><Utensils className="text-[var(--primary-cta)]"/> Croissant (France)</li>
+                    </ul>
+                </div>
+            </div>
+        )}
+    </div>
+  </div>
+
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={true}
       title="Why EatingFresh?"
-      description="We believe food is the soul of culture. Our team meticulously scouts the highest-rated dishes across nations, ensuring your culinary exploration is authentic, fresh, and truly memorable."
+      description="We believe food is the soul of culture."
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-delicious-food-table_23-2149139527.jpg"
-      imageAlt="Culinary diversity"
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Classic Carbonara",
-          price: "Italy",
-          variant: "Authentic",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-small-quail-eggs-wooden-spoon-with-stars-shaped-pasta-garlic-fresh-tomatoes-blue-back_141793-3356.jpg",
-        },
-        {
-          id: "2",
-          name: "Premium Sashimi",
-          price: "Japan",
-          variant: "Fresh",
-          imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-4490.jpg",
-        },
-        {
-          id: "3",
-          name: "Street Style Tacos",
-          price: "Mexico",
-          variant: "Vibrant",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-tacos-wooden-board_181624-25417.jpg",
-        },
-        {
-          id: "4",
-          name: "Spiced Butter Chicken",
-          price: "India",
-          variant: "Bold",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-pakistan-goodies_23-2148821571.jpg",
-        },
-        {
-          id: "5",
-          name: "Signature Pad Thai",
-          price: "Thailand",
-          variant: "Traditional",
-          imageSrc: "http://img.b2bpic.net/free-photo/salad-vietnamese-pork-sausage-with-chilli-lemon-garlic-tomato_1150-25771.jpg",
-        },
-        {
-          id: "6",
-          name: "Artisan Croissants",
-          price: "France",
-          variant: "Flaky",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-blue-board_114579-87894.jpg",
-        },
-      ]}
-      title="Top-Rated Culinary Treasures"
-      description="From street food legends to Michelin-starred classics, discover our globally curated top picks."
     />
   </div>
 
@@ -194,208 +123,22 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Countries Covered",
-          description: "Global culinary map",
-          icon: Globe,
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Top Dishes",
-          description: "Highest rated recipes",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "1M+",
-          title: "Food Enthusiasts",
-          description: "Global community",
-          icon: Users,
-        },
+        { id: "m1", value: "150+", title: "Countries Covered", description: "Global map", icon: Globe },
+        { id: "m2", value: "5k+", title: "Top Dishes", description: "Highest rated", icon: Award },
+        { id: "m3", value: "1M+", title: "Food Enthusiasts", description: "Community", icon: Users },
       ]}
       title="Our Global Footprint"
-      description="The scale of culinary wonder we bring to your table."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          badge: "Essential",
-          price: "$9",
-          subtitle: "For home explorers",
-          buttons: [
-            {
-              text: "Start Free Trial",
-            },
-          ],
-          features: [
-            "5 guides / month",
-            "Global recipe hub",
-            "Community access",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Gourmet",
-          price: "$29",
-          subtitle: "For food connoisseurs",
-          buttons: [
-            {
-              text: "Upgrade Now",
-            },
-          ],
-          features: [
-            "Unlimited guides",
-            "Private chef tips",
-            "Priority event access",
-          ],
-        },
-      ]}
-      title="Join the Elite Tasters"
-      description="Unlock curated guides and exclusive recipes worldwide."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Julia R.",
-          role: "Food Critic",
-          company: "GlobalEats",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-piece-white-wall-healthy-fitness-nutrition_176420-10120.jpg",
-        },
-        {
-          id: "2",
-          name: "Marco P.",
-          role: "Chef",
-          company: "Trattoria Milano",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah W.",
-          role: "Blogger",
-          company: "Vogue Taste",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
-        },
-        {
-          id: "4",
-          name: "Liam D.",
-          role: "Traveler",
-          company: "WanderList",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
-        },
-        {
-          id: "5",
-          name: "Chen L.",
-          role: "Connoisseur",
-          company: "Elite Palates",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149415987.jpg",
-        },
-      ]}
-      title="Loved by Foodies Everywhere"
-      description="Hear what our culinary community has to say."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do you rate food?",
-          content: "Our team uses a combination of culinary tradition, freshness, and community feedback.",
-        },
-        {
-          id: "q2",
-          title: "Is it free to join?",
-          content: "Yes, basic access is free, with premium subscriptions for curated experiences.",
-        },
-        {
-          id: "q3",
-          title: "Can I suggest foods?",
-          content: "Absolutely! We love exploring new regional tastes suggested by our community.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about EatingFresh? Find quick answers here."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="blog" data-section="blog">
-      <BlogCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      title="Fresh Perspectives"
-      description="Latest stories and culinary journeys from across the globe."
-      blogs={[
-        {
-          id: "b1",
-          category: "Travel",
-          title: "Secret Ingredients in Tokyo",
-          excerpt: "Uncovering the subtle spices of local street food.",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-asian-food-wrapped-bamboo-leaves-wooden-plate-with-photo-camera-nearby_613910-20734.jpg",
-          authorName: "Aki",
-          authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo_23-2148258818.jpg",
-          date: "Oct 12",
-        },
-        {
-          id: "b2",
-          category: "Culture",
-          title: "The Art of Italian Dough",
-          excerpt: "Why flour matters for the perfect crust.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept_639032-423.jpg",
-          authorName: "Luigi",
-          authorAvatar: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230646.jpg",
-          date: "Sep 28",
-        },
-        {
-          id: "b3",
-          category: "Health",
-          title: "Sustainable Eating Habits",
-          excerpt: "Small changes for a better planet through food.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-with-lettuce-basil-black-pepper-garlic-crusher-melted-butter-plaid-cloth-surface_141793-10288.jpg",
-          authorName: "Emma",
-          authorAvatar: "http://img.b2bpic.net/free-photo/female-friends-looking-recipe-smartphone-while-cooking_23-2148708930.jpg",
-          date: "Sep 15",
-        },
-      ]}
+      description="Culinary wonder brought to your table."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Newsletter"
       title="Stay Fresh & Informed"
-      description="Join our community and get top weekly culinary insights directly in your inbox."
+      description="Get top culinary insights in your inbox."
     />
   </div>
 
@@ -404,47 +147,9 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/top-view-frame-with-toast-copy-space_23-2148329205.jpg"
       logoText="EatingFresh"
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Explore",
-              href: "#products",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Explore", href: "#products" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }] }
       ]}
-      copyrightText="© 2025 | EatingFresh"
     />
   </div>
       </ReactLenis>