Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -68,103 +68,28 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Why we are a hidden gem"
-      description="More than just coffee. We care about the small details that make your day brighter, from our curated book selection to our friendly cafe cats."
-      accordionItems={[
-        { id: "c1", title: "Cozy Atmosphere", content: "Beautiful, thoughtful details make our cafe the perfect place to work or unwind." },
-        { id: "c2", title: "Friendly Staff", content: "Our staff are passionate about specialty coffee and creating a welcoming experience for everyone." },
-        { id: "c3", title: "Cat-Friendly Spot", content: "Enjoy your brew in the company of our adorable resident cats." }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
-
   <div id="products" data-section="products">
-      <ProductCardThree
+    <ProductCardOne
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
+      title="Our Latest Picks"
+      description="From seasonal beans to our favorite brewing gear."
       products={[
-        { id: "1", name: "Strawberry Matcha Latte", price: "KWD 2.5", imageSrc: "http://img.b2bpic.net/free-photo/glass-green-tea_23-2148170701.jpg" },
-        { id: "2", name: "Flat White", price: "KWD 1.8", imageSrc: "http://img.b2bpic.net/free-photo/closeup-classic-fresh-espresso-served-dark-surface_1220-5375.jpg" },
-        { id: "3", name: "Oat Milk Latte", price: "KWD 2.0", imageSrc: "http://img.b2bpic.net/free-photo/cocoa-with-laptop-cozy-winter-home-warm-background_501050-180.jpg" }
+        { id: "1", name: "Signature Roast", price: "KWD 4.5", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg?_wi=1" },
+        { id: "2", name: "Ceramic Mug", price: "KWD 6.0", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg?_wi=1" }
       ]}
-      title="Explore Our Menu"
-      description="Crafted with love using high-quality ingredients."
     />
   </div>
 
-  <div id="social-feed" data-section="social-feed">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Instagram Feed"
-      description="Catch our latest posts and behind-the-scenes moments on Instagram."
-      blogs={[
-          { id: "ig1", category: "Post", title: "Morning Brew", excerpt: "Starting the day right with our signature pour over.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg?_wi=2", authorName: "Sluggish", authorAvatar: "", date: "2d ago" },
-          { id: "ig2", category: "Post", title: "Cat Life", excerpt: "The resident cafe cats enjoying the sunlight.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg?_wi=2", authorName: "Sluggish", authorAvatar: "", date: "4d ago" }
-      ]}
-      />
-  </div>
-
   <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      useInvertedBackground={true}
-      title="Connect With Us"
-      description="Find us on these social platforms."
-      names={["Instagram", "TikTok", "Twitter", "Threads"]}
-      textboxLayout="split"
-      />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="split"
+    <SocialProofOne
       useInvertedBackground={false}
-      plans={[
-        { id: "coffee", badge: "Popular", price: "KWD 1-2", subtitle: "Single shot beverages", buttons: [{ text: "View Menu", href: "#products" }], features: ["V60 Drip", "Espresso", "Flat White"] },
-        { id: "specialty", badge: "Signature", price: "KWD 2-3", subtitle: "Crafted signatures", buttons: [{ text: "View Menu", href: "#products" }], features: ["Ube Matcha", "Strawberry Matcha", "Specialty Lattes"] },
-        { id: "snacks", badge: "Snacks", price: "KWD 1-2", subtitle: "Sweet treats", buttons: [{ text: "View Menu", href: "#products" }], features: ["Fudgy Brownies", "Mock Muffins"] }
-      ]}
-      title="Affordable Quality"
-      description="Premium specialty coffee experience at accessible prices."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      title="Join our community"
+      description="Follow our journey and see what everyone is talking about!"
+      names={["Instagram @sluggish.kw", "TikTok", "Threads"]}
       textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "t1", name: "Adrian Mylrea", role: "Coffee Enthusiast", testimonial: "Great matcha, lovely service and happy to have the company of the cute cats.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg" },
-        { id: "t2", name: "Noor Shames", role: "Local Guide", testimonial: "Unique coffee shop experience. High quality drinks crafted with love.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-writing-planner-cafe-table-morning_1098-20099.jpg" },
-        { id: "t3", name: "BasmaKhan", role: "Remote Worker", testimonial: "Loved the ambiance and atmosphere, very peaceful, welcoming and bright.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-drinking-coffee_23-2148395475.jpg" }
-      ]}
-      title="Loved by the community"
-      description="What our guests in Salmiya are saying."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "q1", title: "What are your opening hours?", content: "We are open daily from 6:00 AM to 10:00 PM (Fridays 8:00 AM - 12:00 AM)." },
-        { id: "q2", title: "Do you have Wi-Fi?", content: "Yes, we provide free Wi-Fi for all our guests visiting us." },
-        { id: "q3", title: "Is the place pet-friendly?", content: "We are cat-friendly and love having our feline friends around!" }
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about your visit."
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -172,9 +97,9 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{ variant: "gradient-bars" }}
-      text="Visit us at Blue Bay building, Street 104, Salmiya. Follow us on Instagram for latest updates."
+      text="Visit us at Blue Bay building, Street 104, Salmiya. Follow our handle @sluggish.kw for daily updates!"
       buttons={[
-        { text: "Follow on Instagram", href: "https://instagram.com/sluggish" },
+        { text: "Follow @sluggish.kw", href: "https://instagram.com/sluggish.kw" },
         { text: "Call us", href: "tel:66510916" }
       ]}
     />
@@ -184,14 +109,14 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
-        { title: "Follow", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Google Maps", href: "#" }] },
+        { title: "Follow", items: [{ label: "Instagram (@sluggish.kw)", href: "https://instagram.com/sluggish.kw" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
       bottomLeftText="© 2024 Sluggish Coffee"
-      bottomRightText="Blue Bay Building, Salmiya"
+      bottomRightText="Salmiya, Kuwait"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
-  --card: #f7f2ea;
-  --foreground: #000000;
-  --primary-cta: #000000;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2b180a;
-  --accent: #ffffff;
-  --background-accent: #e1b875;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);