Update src/app/shop/page.tsx

Merge version_3 into main

src/app/blog/page.tsx

@@ -61,7 +61,7 @@ export default function BlogPage() {
                         columns={[
                             {
                                 title: "Navigate",                                items: [
-                                    { label: "Home", href: "#home" },
+                                    { label: "Home", href: "/" },
                                     { label: "Menu", href: "#product" },
                                     { label: "About", href: "#about" },
                                     { label: "Contact", href: "#contact" }

src/app/page.tsx

@@ -11,6 +11,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Coffee, Flame, Heart, Star, Users, ThumbsUp, TrendingUp, Mail, Award } from 'lucide-react';
 
 export default function LandingPage() {
@@ -77,6 +78,21 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="brands" data-section="brands">
+        <SocialProofOne
+          title="Trusted by Premium Brands"
+          description="We partner with the finest coffee suppliers and artisan producers from around the world"
+          tag="Our Partners"
+          names={[
+            "Ethiopian Highlands Coffee",            "Colombian Fair Trade Co.",            "Indonesian Sumatra Estates",            "Kenyan AA Beans",            "Brazilian Santos Roasters",            "Peruvian Organic Farms"
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          speed={40}
+          showCard={true}
+        />
+      </div>
+
       <div id="product" data-section="product">
         <ProductCardFour
           title="Featured Menu"

src/app/styles/variables.css

@@ -3,22 +3,22 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #ffffff;;
-  --card: #f9f9f9;;
+  --card: #f5f5f5;;
   --foreground: #000000;;
-  --primary-cta: #2d5016;;
+  --primary-cta: #000000;;
   --secondary-cta: #f9f9f9;;
-  --accent: #52b34f;;
-  --background-accent: #a8e8ba;; */
+  --accent: #e6e6e6;;
+  --background-accent: #d0d0d0;; */
 
   --background: #ffffff;;
-  --card: #f9f9f9;;
+  --card: #f5f5f5;;
   --foreground: #000000;;
-  --primary-cta: #2d5016;;
+  --primary-cta: #000000;;
   --primary-cta-text: #ffffff;;
   --secondary-cta: #f9f9f9;;
   --secondary-cta-text: #000000;;
-  --accent: #52b34f;;
-  --background-accent: #a8e8ba;;
+  --accent: #e6e6e6;;
+  --background-accent: #d0d0d0;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);