Update theme colors

Update theme fonts
2026-04-26 11:18:14 +00:00 · 2026-04-26 11:17:47 +00:00 · 2026-04-26 11:17:47 +00:00 · 2026-04-26 11:10:52 +00:00 · 2026-04-26 11:10:20 +00:00 · 2026-04-26 11:09:41 +00:00
4 changed files with 73 additions and 297 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Public_Sans } from "next/font/google";
+import { Poppins } from "next/font/google";



@@ -20,9 +21,11 @@ export const metadata: Metadata = {
  },
 };

-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
+
+const poppins = Poppins({
+  variable: "--font-poppins",
  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -33,7 +36,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${publicSans.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,8 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Clock, Coffee, MapPin } from "lucide-react";

 export default function LandingPage() {
@@ -32,26 +34,12 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "products" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "About", id: "about" },
+        { name: "Social", id: "social-feed" },
+        { name: "Contact", id: "contact" }
      ]}
      brandName="Sluggish"
    />
@@ -59,58 +47,11 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
      title="Your go-to specialty coffee shop in Salmiya"
      description="Experience crafted drinks, cozy vibes, and warm moments. From our signature Ube Matcha to the perfect Flat White, we brew love into every cup."
-      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164825.jpg?_wi=1"
      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-cafe-wooden-table-with-jar-decorative-flowers-against-blurred-background_181624-59999.jpg",
-          alt: "Customer portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg",
-          alt: "Customer portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/three-black-take-away-paper-cups-with-closed-caps-isolated-wooden-brick-table_346278-571.jpg",
-          alt: "Customer portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg",
-          alt: "Customer portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880082.jpg",
-          alt: "Customer portrait 5",
-        },
-      ]}
-      avatarText="Join 500+ happy coffee lovers in Salmiya"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Matcha Mastered",
-        },
-        {
-          type: "text",
-          text: "Specialty Roasts",
-        },
-        {
-          type: "text",
-          text: "Cozy Atmosphere",
-        },
-        {
-          type: "text",
-          text: "Fresh Pastries",
-        },
-        {
-          type: "text",
-          text: "Cat-Friendly",
-        },
-      ]}
    />
  </div>

@@ -119,21 +60,9 @@ export default function LandingPage() {
      useInvertedBackground={true}
      title="A peaceful escape in Kuwait"
      metrics={[
-        {
-          icon: Coffee,
-          label: "Signature Brews",
-          value: "15+",
-        },
-        {
-          icon: MapPin,
-          label: "Locations",
-          value: "1",
-        },
-        {
-          icon: Clock,
-          label: "Daily Hours",
-          value: "16h",
-        },
+        { icon: Coffee, label: "Signature Brews", value: "15+" },
+        { icon: MapPin, label: "Locations", value: "1" },
+        { icon: Clock, label: "Daily Hours", value: "16h" }
      ]}
      metricsAnimation="slide-up"
    />
@@ -145,23 +74,11 @@ export default function LandingPage() {
      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.",
-        },
+        { 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"
+      imageSrc="http://img.b2bpic.net/free-photo/breakfast-tray-with-cat_23-2148079722.jpg?_wi=1"
      mediaAnimation="blur-reveal"
    />
  </div>
@@ -170,107 +87,51 @@ export default function LandingPage() {
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      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: "4",
-          name: "Ube Matcha Latte",
-          price: "KWD 2.2",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-blue-smoothies_23-2148303013.jpg",
-        },
-        {
-          id: "5",
-          name: "Fudgy Brownie",
-          price: "KWD 1.5",
-          imageSrc: "http://img.b2bpic.net/free-photo/christmas-brownie-wooden-table_123827-34744.jpg",
-        },
-        {
-          id: "6",
-          name: "Brazilian Espresso",
-          price: "KWD 1.2",
-          imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",
-        },
+        { 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" }
      ]}
      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"
      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",
-          ],
-        },
+        { 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."
@@ -283,41 +144,9 @@ export default function LandingPage() {
      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",
-        },
-        {
-          id: "t4",
-          name: "Sarah Alsaffar",
-          role: "Regular",
-          testimonial: "One of my all time favorite places to hang. Fun and friendly staff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alex Robu",
-          role: "Coffee Lover",
-          testimonial: "One of the best FlatWhite coffee that I did drink in Kuwait.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-drinking-coffee_158595-1111.jpg",
-        },
+        { 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."
@@ -329,21 +158,9 @@ export default function LandingPage() {
      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!",
-        },
+        { 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."
@@ -354,19 +171,11 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
      text="Visit us at Blue Bay building, Street 104, Salmiya. Follow us on Instagram for latest updates."
      buttons={[
-        {
-          text: "Follow on Instagram",
-          href: "https://instagram.com/sluggish",
-        },
-        {
-          text: "Call us",
-          href: "tel:66510916",
-        },
+        { text: "Follow on Instagram", href: "https://instagram.com/sluggish" },
+        { text: "Call us", href: "tel:66510916" }
      ]}
    />
  </div>
@@ -374,45 +183,9 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <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: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { 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: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
      ]}
      bottomLeftText="© 2024 Sluggish Coffee"
      bottomRightText="Blue Bay Building, Salmiya"
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -13,12 +13,12 @@
  --background: #f6f0e9;
  --card: #efe7dd;
  --foreground: #2b180a;
-  --primary-cta: #8b5a2b;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f6f0e9;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
  --secondary-cta-text: #2b180a;
-  --accent: #d4b499;
-  --background-accent: #e3d5ca;
+  --accent: #94877c;
+  --background-accent: #afa094;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	5e48d6b82e	Update theme colors	2026-04-26 11:18:14 +00:00
bender	8ba265d44d	Update theme fonts	2026-04-26 11:17:47 +00:00
bender	4ecd31b45d	Update theme fonts	2026-04-26 11:17:47 +00:00
bender	4d65f62daa	Update src/app/page.tsx	2026-04-26 11:10:52 +00:00
bender	98ae5f7ed8	Update src/app/page.tsx	2026-04-26 11:10:20 +00:00
bender	cfa0e39ed2	Update src/app/page.tsx	2026-04-26 11:09:41 +00:00
bender	6468803636	Update src/app/page.tsx	2026-04-26 11:09:11 +00:00
bender	d70769ee98	Update src/app/styles/variables.css	2026-04-26 11:08:35 +00:00
bender	7c74f9c9e8	Update src/app/page.tsx	2026-04-26 11:08:35 +00:00