From a85506c7d8feacc4b3f7f4851c67b2efcbed1f1a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 08:51:36 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0ccc994..9a36b96 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,239 +3,86 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Coffee, Award, Users, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="largeSmallSizeLargeTitles"
-        background="blurBottom"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AgencyX"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Aura Coffee"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="AgencyX"
-      description="We build exceptional digital experiences for ambitious brands. Crafting the future of web design, one pixel at a time."
-      buttons={[
-        {
-          text: "Start Project",
-          href: "#contact",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/desk-modern-businessman_23-2147833287.jpg"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            title="Aura Coffee"
+            description="Experience the art of artisanal brewing in every cup. Crafted with passion, served with soul."
+            background={{ variant: "rotated-rays-static-grid" }}
+            carouselItems={[
+              { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_144627-26987.jpg" },
+              { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-beans-table_23-2148270104.jpg" },
+              { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/espresso-machine-making-coffee_1150-17865.jpg" },
+              { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-beans_1150-32986.jpg" },
+              { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup-wood-table_1150-42475.jpg" },
+              { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-interior_1150-18451.jpg" },
+            ]}
+            buttons={[{ text: "View Menu", href: "#features" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      uniformGridCustomHeightClasses="min-h-95"
-      features={[
-        {
-          title: "Web Design",
-          description: "Beautiful, user-centric interfaces tailored to your brand identity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252440.jpg",
-        },
-        {
-          title: "UX Strategy",
-          description: "Research-backed experiences that convert visitors into loyal customers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-executive-manager-having-fun-break_482257-77659.jpg",
-        },
-        {
-          title: "Development",
-          description: "High-performance code built for scalability and modern web standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fast-train_1417-1823.jpg",
-        },
-      ]}
-      title="What We Do"
-      description="Our core services combine creativity with cutting-edge technical expertise."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySix
+            title="Our Signature Roasts"
+            description="Discover our curated selection of beans, sourced globally and roasted to perfection for your morning ritual."
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            features={[
+              { title: "Espresso Blend", description: "Rich, bold, and chocolatey base.", buttonIcon: Coffee, buttonHref: "#" },
+              { title: "Single Origin", description: "Seasonal beans with floral notes.", buttonIcon: Award, buttonHref: "#" },
+              { title: "Cold Brew", description: "Slow-steeped for 24 hours.", buttonIcon: Users, buttonHref: "#" },
+              { title: "Pour Over", description: "Precision-brewed for clarity.", buttonIcon: MapPin, buttonHref: "#" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Proven Results"
-      tag="Our Impact"
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Projects Delivered",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          description: "Client Satisfaction",
-        },
-        {
-          id: "m3",
-          value: "20+",
-          description: "Design Awards",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Visit us today for the perfect brew!"
+            background={{ variant: "sparkles-gradient" }}
+            buttons={[{ text: "Find Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CMO",
-          testimonial: "Exceptional design quality and seamless collaboration. A true partner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
-        },
-        {
-          id: "2",
-          name: "James Chen",
-          role: "CEO",
-          testimonial: "The performance improvements were immediate. Couldn't be happier.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705900.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Product Lead",
-          testimonial: "Stunning work that perfectly captures our brand identity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-hipster-hat-glasses-wearing_613910-12272.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Marketing",
-          testimonial: "Professional, efficient, and deeply creative agency.",
-          imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa Wong",
-          role: "Founder",
-          testimonial: "Innovative designs that really stand out in the crowded market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
-      ]}
-      title="Client Stories"
-      description="We are proud to partner with industry-leading brands."
-    />
-  </div>
-
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TechCorp",
-        "InnovateLabs",
-        "GlobalGrow",
-        "BrandSpark",
-        "PixelMedia",
-        "NextLevel",
-        "FutureDesign",
-      ]}
-      title="Trusted By"
-      description="Working with world-class companies."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal",
-      }}
-      text="Ready to start your next project?"
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@agencyx.com",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AgencyX"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 AgencyX. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Aura Coffee"
+            leftLink={{ text: "Contact", href: "#contact" }}
+            rightLink={{ text: "Privacy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 9466adcbfb54f6f3ec2b9303d765aedf186317d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 08:51:37 +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 b7afc67..d8eb404 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fcf6ec;
+  --card: #f3ede2;
+  --foreground: #2e2521;
+  --primary-cta: #2e2521;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #b2a28b;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);