From b8c451bbb9ffc9ebd450da79d097c3a259383a5d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 20:02:43 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cea675d..d8e81e4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,314 +4,129 @@ 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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
         contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="grid"
-        cardStyle="solid"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Butchery",
-          id: "butcher",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "menu" },
+        { name: "Butchery", id: "butcher" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Al Hayba"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Al Hayba RAK"
+      <HeroSplitDoubleCarousel
+      title="Al Hayba RAK"
       description="Authentic Arabian charcoal grills, premium butchery, and heritage flavors in the heart of Ras Al Khaimah."
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-        {
-          text: "Visit Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/sac-ichi-with-chicken-legs-vegetables_114579-2167.jpg"
+      background={{ variant: "sparkles-gradient" }}
+      leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-chicken-legs-vegetables_114579-2167.jpg" }]}
+      rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-36710.jpg" }]}
+      buttons={[{ text: "Explore", href: "#menu" }, { text: "Visit", href: "#contact" }]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <TextSplitAbout
       useInvertedBackground={true}
       title="A Legacy of Taste"
-      description="Al Hayba combines the tradition of a master butcher with the art of Arabic charcoal cooking. We source the finest meats locally and prepare them with authentic spices passed down through generations."
-      metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "100%",
-          title: "Fresh Quality",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-36710.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
+      description={["Al Hayba combines the tradition of a master butcher with the art of Arabic charcoal cooking.", "We source the finest meats locally and prepare them with authentic spices passed down through generations."]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Signature",
-          title: "Mixed Kebab Platter",
-          subtitle: "Perfectly Spiced",
-          description: "Tender lamb and chicken skewers grilled over real charcoal for that authentic smoky finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/meat-barbecue-grill-nature_23-2148199440.jpg",
-        },
-        {
-          tag: "Heritage",
-          title: "Traditional Mandi",
-          subtitle: "Slow Cooked",
-          description: "Fragrant basmati rice served with fall-off-the-bone tender meat prepared in traditional style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358076.jpg",
-        },
-        {
-          tag: "Appetizer",
-          title: "Mezze Selection",
-          subtitle: "Authentic Sides",
-          description: "Homemade hummus, moutabal, and fresh salads crafted with the finest local ingredients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cutting-roasted-beef-sirloin-with-rosemary-pepper_1150-18512.jpg",
-        },
-      ]}
+      <FeatureCardSixteen
       title="Our Signature Flavors"
-      description="From tender kebabs to slow-cooked rice dishes, our menu is designed to take you on an Arabian culinary journey."
+      description="Experience the pinnacle of Arabian cuisine."
+      textboxLayout="default"
+      useInvertedBackground={false}
+      positiveCard={{ items: ["Premium Quality Meats", "Charcoal Grilled Perfection", "Authentic Heritage Recipes"] }}
+      negativeCard={{ items: ["No Preservatives", "No Shortcuts"] }}
+      animationType="blur-reveal"
     />
   </div>
 
   <div id="butcher" data-section="butcher">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          tag: "Beef",
-          title: "Wagyu Selections",
-          subtitle: "Top Grade",
-          description: "Premium marbled beef cuts selected specifically for their texture and depth of flavor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-butcher-dressed-fleece-shirt-serving-fresh-cut-meat-market_613910-16169.jpg",
-        },
-        {
-          tag: "Lamb",
-          title: "Fresh Local Lamb",
-          subtitle: "Farm Sourced",
-          description: "Young local lamb delivered fresh daily to ensure the best possible quality for our customers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-chef-holding-big-part-meat-restaurant-kitchen_1303-32149.jpg",
-        },
-        {
-          tag: "Custom",
-          title: "Custom Cuts",
-          subtitle: "On Demand",
-          description: "Our master butchers can prepare any cut to your specific requirements for your convenience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-raw-steak-barbecue-utensil-wooden-textured-surface_23-2148206961.jpg",
-        },
-      ]}
+      <FeatureCardSixteen
       title="Premium Quality Butchery"
-      description="Beyond the grill, we provide the highest grade raw meats for your home cooking. Always fresh, always selected for excellence."
+      description="Hand-selected cuts for the discerning home chef."
+      textboxLayout="default"
+      useInvertedBackground={true}
+      positiveCard={{ items: ["Wagyu Selection", "Fresh Local Lamb", "Custom Cuts"] }}
+      negativeCard={{ items: ["Never Frozen", "Responsibly Sourced"] }}
+      animationType="scale-rotate"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ahmed Rashid",
-          role: "Foodie",
-          company: "RAK Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
-        },
-        {
-          id: "2",
-          name: "Sara Al-Mansoori",
-          role: "Chef",
-          company: "Local Expert",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-145210.jpg",
-        },
-        {
-          id: "3",
-          name: "John Doe",
-          role: "Visitor",
-          company: "Traveler",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-waitress-talking-customers-using-touchpad-while-taking-orders-cafe_637285-3962.jpg",
-        },
-        {
-          id: "4",
-          name: "Layla Khalifa",
-          role: "Customer",
-          company: "RAK Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
-        },
-        {
-          id: "5",
-          name: "Omar Said",
-          role: "Business Owner",
-          company: "Local Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-happy-people-communicating-while-having-lunch-together-dining-room_637285-3564.jpg",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Experience why we are the favorite destination in RAK for quality meat and charcoal grills."
+      <TestimonialCardFifteen
+      testimonial="The most authentic grill experience in Ras Al Khaimah. Simply unmatched."
+      author="Ahmed Rashid"
+      rating={5}
+      ratingAnimation="blur-reveal"
+      avatarsAnimation="blur-reveal"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Guest" }]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Do you offer delivery?",
-          content: "Yes, we provide local delivery within Ras Al Khaimah for both our restaurant menu and butchery products.",
-        },
-        {
-          id: "2",
-          title: "Are your meats Halal?",
-          content: "Absolutely. All meats sourced for our butchery and restaurant are 100% Halal certified.",
-        },
-        {
-          id: "3",
-          title: "Can we pre-order for events?",
-          content: "We handle large event orders. Please contact us at least 48 hours in advance for catering requirements.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722788.jpg"
+      <FaqDouble
       title="Frequently Asked Questions"
-      description="Got questions about our butchery or restaurant? We have the answers."
-      faqsAnimation="slide-up"
+      description="Everything you need to know about our services."
+      textboxLayout="default"
+      faqsAnimation="blur-reveal"
+      faqs={[
+        { id: "1", title: "Do you offer delivery?", content: "Yes, we provide local delivery in RAK." },
+        { id: "2", title: "Are your meats Halal?", content: "All our meats are 100% Halal certified." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Ready to Visit Al Hayba?"
-      description="Come experience the best charcoal grills in Ras Al Khaimah. We are open daily to serve you."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+971501234567",
-        },
-        {
-          text: "Get Directions",
-          href: "#",
-        },
-      ]}
+      tag="Contact"
+      title="Ready to visit us?"
+      description="Book a table or reach out to our team."
+      buttons={[{ text: "Call Now", href: "tel:+971501234567" }]}
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Al Hayba"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Butchery",
-              href: "#butcher",
-            },
-            {
-              label: "Catering",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Al Hayba | Ras Al Khaimah"
+      leftLink={{ text: "Privacy", href: "#" }}
+      rightLink={{ text: "Terms", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 848164c8c7b7affd03ee56ab3592d4f18c35bbc3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 20:02:43 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 3d0e32c..4eaaff0 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
+  --background: #fbfbfb;
+  --card: #f0f0f0;
+  --foreground: #1a1a1a;
+  --primary-cta: #2a2a2a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #b8860b;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);