Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -9,8 +9,8 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Coffee, Leaf, Star, Users, Wifi } from "lucide-react";
+import { Coffee, Leaf, Star, Users, Wifi, MapPin, Phone, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,97 +30,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "menu" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Brew Buddies"
       button={{
-        text: "Order Online",
+        text: "Order Online",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Your Cozy Coffee Escape in Dhanmondi"
       description="Freshly brewed coffee, delicious meals, and a space to relax with friends & family."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", alt: "Happy customer" },
-          src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
+        { src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", alt: "Happy customer" },
-          alt: "Happy customer",
+        { src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", alt: "Happy customer" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", alt: "Happy customer" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg", alt: "Happy customer" },
-          src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg",
-          alt: "Happy customer",
-        },
       ]}
       avatarText="4.2 rating | 230+ happy customers"
       buttons={[
-        {
+        { text: "Call Now", href: "tel:01338527342" },
-          text: "Call Now",
+        { text: "Order Online", href: "#" },
-          href: "tel:01338527342",
-        },
-        {
-          text: "Order Online",
-          href: "#",
-        },
       ]}
       marqueeItems={[
-        {
+        { type: "text-icon", text: "Freshly Roasted", icon: Coffee },
-          type: "text-icon",
+        { type: "text-icon", text: "Free Wi-Fi", icon: Wifi },
-          text: "Freshly Roasted",
+        { type: "text-icon", text: "Family Friendly", icon: Users },
-          icon: Coffee,
+        { type: "text-icon", text: "Outdoor Seating", icon: Leaf },
-        },
+        { type: "text-icon", text: "Daily Specials", icon: Star },
-        {
-          type: "text-icon",
-          text: "Free Wi-Fi",
-          icon: Wifi,
-        },
-        {
-          type: "text-icon",
-          text: "Family Friendly",
-          icon: Users,
-        },
-        {
-          type: "text-icon",
-          text: "Outdoor Seating",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Daily Specials",
-          icon: Star,
-        },
       ]}
     />
   </div>
@@ -142,196 +86,52 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", brand: "Coffee", name: "Cappuccino", price: "BDT 250", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=1" },
-          id: "1",
+        { id: "2", brand: "Coffee", name: "Latte", price: "BDT 280", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=2" },
-          brand: "Coffee",
+        { id: "3", brand: "Dessert", name: "Tiramisu", price: "BDT 350", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=3" },
-          name: "Cappuccino",
+        { id: "4", brand: "Dessert", name: "Cheesecake", price: "BDT 320", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=4" },
-          price: "BDT 250",
+        { id: "5", brand: "Dessert", name: "Chocolate Brownie", price: "BDT 220", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=5" },
-          rating: 5,
+        { id: "6", brand: "Food", name: "Pasta & Lasagna", price: "BDT 450", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=6" },
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          brand: "Coffee",
-          name: "Latte",
-          price: "BDT 280",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          brand: "Dessert",
-          name: "Tiramisu",
-          price: "BDT 350",
-          rating: 4,
-          reviewCount: "80",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          brand: "Dessert",
-          name: "Cheesecake",
-          price: "BDT 320",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          brand: "Dessert",
-          name: "Chocolate Brownie",
-          price: "BDT 220",
-          rating: 4,
-          reviewCount: "70",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=5",
-        },
-        {
-          id: "6",
-          brand: "Food",
-          name: "Pasta & Lasagna",
-          price: "BDT 450",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/pasta-near-pizzas-rosemary_23-2147772121.jpg?_wi=6",
-        },
       ]}
       title="Menu Highlights"
       description="Indulge in our selection of freshly brewed coffees and homemade desserts."
     />
   </div>
 
-  <div id="trust" data-section="trust">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Cozy Ambiance",
-          tags: [
-            "Instagram-worthy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-dinner-table-vintage-house_1150-11078.jpg?_wi=2",
-        },
-        {
-          id: "f2",
-          title: "Quality Ingredients",
-          tags: [
-            "Freshly Sourced",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-dinner-table-vintage-house_1150-11078.jpg?_wi=3",
-        },
-        {
-          id: "f3",
-          title: "Friendly Service",
-          tags: [
-            "Welcoming Staff",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/vintage-dinner-table-vintage-house_1150-11078.jpg?_wi=4",
-        },
-      ]}
-      title="Why Choose Brew Buddies?"
-      description="We blend quality with comfort to create the perfect cafe experience in Dhaka."
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardSix
-      animationType="slide-up"
+      title="Customer Reviews"
+      description="See why our neighborhood loves us."
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "The best cappuccino in Dhanmondi! Highly recommend.", icon: Star },
-          id: "t1",
+        { id: "2", name: "Rahim Khan", handle: "@rahim", testimonial: "Great atmosphere for working and quality coffee.", icon: Star },
-          name: "Sarah Ahmed",
+        { id: "3", name: "Fariha Sultana", handle: "@fariha", testimonial: "The desserts are truly amazing. A must visit.", icon: Star },
-          role: "Student",
-          company: "Local Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Rahim Khan",
-          role: "Architect",
-          company: "Dhanmondi Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Fariha Sultana",
-          role: "Teacher",
-          company: "Coffee Lover",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg?_wi=3",
-        },
-        {
-          id: "t4",
-          name: "Imran Hossain",
-          role: "Developer",
-          company: "Frequent Guest",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg?_wi=4",
-        },
-        {
-          id: "t5",
-          name: "Nadia Islam",
-          role: "Freelancer",
-          company: "Work-from-cafe",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-young-african-american-man-sitting-desk-co-working-space-coffee-shop-using-tablet_74855-9924.jpg?_wi=5",
-        },
       ]}
-      title="Words from Our Buddies"
-      description="Hear what our Dhanmondi neighborhood regulars are saying about us."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Contact Us"
-      title="Visit or Reach Out"
+      title="Visit Us in Dhanmondi"
-      description="75 Satmasjid Road, Dhaka 1209. Open daily from 10:30 AM."
+      description="Find us at 75 Satmasjid Road, Dhaka 1209. We are open daily from 10:30 AM to 11:00 PM. Local SEO optimized for your convenience."
-      imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building-plants_23-2149301099.jpg"
+      imageSrc="https://maps.googleapis.com/maps/api/staticmap?center=23.7465,90.3759&zoom=15&size=600x400&markers=color:red%7C23.7465,90.3759"
-      mediaAnimation="slide-up"
+      imageAlt="Location map of Brew Buddies in Dhanmondi"
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+      inputPlaceholder="Your email for inquiries"
+      buttonText="Inquire Now"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
-          items: [
+        { items: [{ label: "Call: 01338-527342", href: "tel:01338527342" }, { label: "Visit Us", href: "#contact" }] },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Call: 01338-527342",
-              href: "tel:01338527342",
-            },
-            {
-              label: "Get Directions",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       logoText="Brew Buddies"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
+  --background: #fdfaf6;
-  --card: #efe7dd;
+  --card: #f5ede4;
-  --foreground: #2b180a;
+  --foreground: #4a3b31;
-  --primary-cta: #2b180a;
+  --primary-cta: #8b5e3c;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #d4a373;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
+  --accent: #bc6c25;
-  --background-accent: #afa094;
+  --background-accent: #efe6dd;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);