Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -5,12 +5,12 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Droplets, Flame } from "lucide-react";
 
 export default function LandingPage() {
@@ -22,9 +22,9 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="largeSmallSizeLargeTitles"
         background="aurora"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="radial-glow"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
         headingFontWeight="bold"
     >
       <ReactLenis root>
@@ -63,15 +63,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Flame-Grilled Perfection",          description: "Real fire. Real flavor. Every burger is cooked to perfection for that smokey, juicy taste.",          bentoComponent: "reveal-icon",          icon: Flame,
-        },
-        {
-          title: "Premium Ingredients",          description: "Sourced from the best suppliers, ensuring crisp vegetables and premium buns.",          bentoComponent: "reveal-icon",          icon: Flame,
-        },
-        {
-          title: "Signature Sauces",          description: "Our honey mustard and special blend sauces are the talk of the town.",          bentoComponent: "reveal-icon",          icon: Droplets,
-        },
+        { title: "Flame-Grilled Perfection", description: "Real fire. Real flavor. Every burger is cooked to perfection for that smokey, juicy taste.", bentoComponent: "reveal-icon", icon: Flame },
+        { title: "Premium Ingredients", description: "Sourced from the best suppliers, ensuring crisp vegetables and premium buns.", bentoComponent: "reveal-icon", icon: Flame },
+        { title: "Signature Sauces", description: "Our honey mustard and special blend sauces are the talk of the town.", bentoComponent: "reveal-icon", icon: Droplets },
       ]}
       title="The BK Signature Standard"
       description="Our commitment to quality, flavor, and the ultimate dining experience."
@@ -98,15 +92,13 @@ export default function LandingPage() {
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardTen
-      textboxLayout="default"
+      <TestimonialCardFive
+      textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        { id: "1", title: "Excellent Taste", quote: "The food is excellent. The taste is truly delicious.", name: "Sarah J.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-smiling-widely-holds-tasty-burger-two-hands_8353-7003.jpg" },
-        { id: "2", title: "Great Quality", quote: "Loved the burger, well cooked, great ingredients and sauces.", name: "Michael A.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-woman-make-photo-pancakes-by-phone_171337-4142.jpg" },
-        { id: "3", title: "Great Atmosphere", quote: "Consistently the best flame-grilled experience in town.", name: "Layla K.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/stunning-girl-with-make-up-feeding-her-friend-with-hamburger-cafe_132075-12176.jpg" },
-        { id: "4", title: "Premium Feel", quote: "BK Lebanon has leveled up, feels like a luxury burger lounge.", name: "David R.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222258.jpg" },
-        { id: "5", title: "Sauce Lover", quote: "The honey mustard sauce is legendary. Can't stop ordering.", name: "Omar M.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-burger_23-2148705540.jpg" },
+        { id: "1", name: "Sarah J.", date: "Oct 2023", title: "Excellent Taste", quote: "The food is excellent. The taste is truly delicious.", tag: "Luxury Experience", avatarSrc: "https://avatar.vercel.sh/sarah" },
+        { id: "2", name: "Michael A.", date: "Nov 2023", title: "Great Quality", quote: "Loved the burger, well cooked, great ingredients and sauces.", tag: "Top Notch", avatarSrc: "https://avatar.vercel.sh/michael" },
+        { id: "3", name: "Layla K.", date: "Dec 2023", title: "Great Atmosphere", quote: "Consistently the best flame-grilled experience in town.", tag: "Exceptional", avatarSrc: "https://avatar.vercel.sh/layla" },
       ]}
       title="Customer Stories"
       description="What our guests in Lebanon are saying about the experience."
@@ -117,8 +109,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "BK Lebanon", "Premium Grill", "Quality Food", "Artisanal Buns", "Fresh Veggies", "Luxury Service", "Fast Delivery"]}
+      names={["BK Lebanon", "Premium Grill", "Quality Food", "Artisanal Buns", "Fresh Veggies", "Luxury Service", "Fast Delivery"]}
       title="Our Heritage"
       description="Flame-grilled excellence across generations."
     />
@@ -154,14 +145,14 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="BURGER KING LB"
       columns={[
         { title: "Menu", items: [{ label: "Whopper", href: "#" }, { label: "Sides", href: "#" }, { label: "Drinks", href: "#" }] },
         { title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "FAQ", href: "#" }, { label: "Careers", href: "#" }] },
         { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
-      bottomLeftText="© Burger King Lebanon"
-      bottomRightText="Flame Grilled Excellence"
+      copyrightText="© Burger King Lebanon. Flame Grilled Excellence."
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-georgia), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-georgia), sans-serif;
 }

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0b0b0f;
-  --card: #141419;
-  --foreground: #ffffff;
+  --card: #1a1a1e;
+  --foreground: #f8f8f8;
   --primary-cta: #d61f2c;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffd700;
   --secondary-cta-text: #000000;
   --accent: #ffd700;
-  --background-accent: #1a0003;
+  --background-accent: #2a0505;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);