Update src/app/page.tsx

Merge version_9 into main

src/app/about/page.tsx

@@ -10,11 +10,11 @@ import { Sparkles, MapPin } from "lucide-react";
 import Link from "next/link";
 
 const navItems = [
-  { name: "Home", id: "home" },
+  { name: "Home", id: "/" },
-  { name: "Menu", id: "menu" },
+  { name: "Menu", id: "/menu" },
-  { name: "Order Online", id: "order-online" },
+  { name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
-  { name: "About", id: "about" },
+  { name: "About", id: "/about" },
-  { name: "Contact", id: "contact" },
+  { name: "Contact", id: "/contact" },
 ];
 
 const footerColumns = [

src/app/contact/page.tsx

@@ -10,11 +10,11 @@ import { MapPin, Zap } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Menu", id: "menu" },
+    { name: "Menu", id: "/menu" },
-    { name: "Order Online", id: "order-online" },
+    { name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [

src/app/menu/page.tsx

@@ -11,11 +11,11 @@ import Link from "next/link";
 
 export default function MenuPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Menu", id: "menu" },
+    { name: "Menu", id: "/menu" },
-    { name: "Order Online", id: "order-online" },
+    { name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [

src/app/order-online/page.tsx

@@ -10,11 +10,11 @@ import { ShoppingCart, Zap } from "lucide-react";
 import Link from "next/link";
 
 const navItems = [
-  { name: "Home", id: "home" },
+  { name: "Home", id: "/" },
-  { name: "Menu", id: "menu" },
+  { name: "Menu", id: "/menu" },
-  { name: "Order Online", id: "order-online" },
+  { name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
-  { name: "About", id: "about" },
+  { name: "About", id: "/about" },
-  { name: "Contact", id: "contact" },
+  { name: "Contact", id: "/contact" },
 ];
 
 const footerColumns = [

src/app/page.tsx

@@ -14,11 +14,11 @@ import { Leaf, Star, Sparkles, MapPin, Zap } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "hero" },
-    { name: "Menu", id: "menu" },
+    { name: "Menu", id: "featured-items" },
     { name: "Order Online", id: "order-online" },
-    { name: "About", id: "about" },
+    { name: "About", id: "why-choose" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "location-preview" },
   ];
 
   const footerColumns = [
@@ -101,13 +101,6 @@ export default function HomePage() {
           ]}
           mediaAnimation="blur-reveal"
           ariaLabel="Get Fruity Cafe Hero Section"
-          containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
-          textBoxClassName="max-w-2xl"
-          titleClassName="text-3xl sm:text-4xl md:text-5xl lg:text-6xl leading-tight"
-          descriptionClassName="text-base sm:text-lg md:text-xl leading-relaxed mt-4 sm:mt-6"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-3 sm:gap-4 mt-6 sm:mt-8"
-          mediaWrapperClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 mt-8 sm:mt-12"
-          imageClassName="w-full h-64 sm:h-72 md:h-80 lg:h-96 object-cover rounded-lg"
         />
       </div>
 
@@ -146,15 +139,6 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           carouselMode="buttons"
-          containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
-          textBoxClassName="mb-8 sm:mb-12"
-          textBoxTitleClassName="text-3xl sm:text-4xl md:text-5xl"
-          textBoxDescriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
-          gridClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 md:gap-8"
-          cardClassName="rounded-lg overflow-hidden"
-          imageClassName="w-full h-48 sm:h-56 md:h-64 object-cover"
-          cardNameClassName="text-base sm:text-lg font-semibold mt-3 sm:mt-4"
-          cardPriceClassName="text-sm sm:text-base font-semibold mt-2"
         />
       </div>
 
@@ -187,16 +171,6 @@ export default function HomePage() {
             },
           ]}
           carouselMode="buttons"
-          containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
-          textBoxClassName="mb-8 sm:mb-12"
-          textBoxTitleClassName="text-3xl sm:text-4xl md:text-5xl"
-          textBoxDescriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
-          gridClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 md:gap-8"
-          cardClassName="rounded-lg overflow-hidden"
-          mediaClassName="w-full h-48 sm:h-56 md:h-64 object-cover"
-          cardTitleClassName="text-lg sm:text-xl font-semibold mt-3 sm:mt-4"
-          tagsContainerClassName="flex flex-wrap gap-2 mt-2 sm:mt-3"
-          tagClassName="text-xs sm:text-sm px-2 sm:px-3 py-1 rounded"
         />
       </div>
 
@@ -220,18 +194,6 @@ export default function HomePage() {
               id: "4",              title: "Amazing Healthy Meals",              quote: "Perfect for post-workout nutrition. The wraps are filling, the smoothies are refreshing, and everything tastes premium.",              name: "David K.",              role: "Active Lifestyle",              imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",              imageAlt: "David, active lifestyle customer"
             },
           ]}
-          containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
-          textBoxClassName="mb-8 sm:mb-12"
-          textBoxTitleClassName="text-3xl sm:text-4xl md:text-5xl"
-          textBoxDescriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
-          contentClassName="space-y-4 sm:space-y-6"
-          quoteCardClassName="rounded-lg p-4 sm:p-6 md:p-8"
-          testimonialTitleClassName="text-lg sm:text-xl font-semibold"
-          quoteClassName="text-base sm:text-lg italic mt-3 sm:mt-4"
-          nameClassName="text-sm sm:text-base font-semibold mt-4 sm:mt-6"
-          roleClassName="text-xs sm:text-sm mt-1"
-          mediaCardClassName="rounded-lg overflow-hidden mb-3 sm:mb-4"
-          mediaClassName="w-12 h-12 sm:w-14 sm:h-14 md:w-16 md:h-16 object-cover"
         />
       </div>
 
@@ -254,13 +216,6 @@ export default function HomePage() {
             },
           ]}
           buttonAnimation="slide-up"
-          className=""
-          textBoxClassName="max-w-2xl mb-8 sm:mb-12"
-          titleClassName="text-3xl sm:text-4xl md:text-5xl"
-          descriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
-          buttonContainerClassName="flex flex-col sm:flex-row gap-3 sm:gap-4 mt-6 sm:mt-8"
-          mediaWrapperClassName="mt-8 sm:mt-12"
-          mediaClassName="w-full h-64 sm:h-80 md:h-96 object-cover rounded-lg"
         />
       </div>
 
@@ -282,14 +237,6 @@ export default function HomePage() {
           inputPlaceholder="Enter your email for updates"
           buttonText="Start Ordering"
           termsText="By ordering, you agree to our Terms and Conditions."
-          containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
-          contentClassName="grid grid-cols-1 md:grid-cols-2 gap-8 sm:gap-12 items-center"
-          contactFormClassName="space-y-6 sm:space-y-8"
-          titleClassName="text-3xl sm:text-4xl md:text-5xl"
-          descriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
-          formWrapperClassName="mt-6 sm:mt-8"
-          mediaWrapperClassName="mt-8 sm:mt-12 md:mt-0"
-          mediaClassName="w-full h-64 sm:h-80 md:h-96 object-cover rounded-lg"
         />
       </div>
 
@@ -298,10 +245,6 @@ export default function HomePage() {
           columns={footerColumns}
           bottomLeftText="© 2024 Get Fruity Cafe. All rights reserved."
           bottomRightText="Privacy Policy | Terms of Service"
-          containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
-          columnsClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8 md:gap-12"
-          columnTitleClassName="text-base sm:text-lg font-semibold"
-          columnItemClassName="text-sm sm:text-base mt-2 sm:mt-3"
         />
       </div>
     </ThemeProvider>