Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -17,16 +17,16 @@ import { Facebook, Instagram } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
+        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+        borderRadius="soft"
         contentWidth="smallMedium"
         sizing="mediumSizeLargeTitles"
         background="circleGradient"
-        cardStyle="gradient-radial"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -51,7 +51,7 @@ export default function LandingPage() {
 
   <div id="home" data-section="home">
       <HeroOverlay
-      title="Experience the Perfect Brew at Storia Coffee Space"
+      title="Experience the Perfect at Storia Coffee Space"
       description="A haven for coffee lovers, where every cup tells a story and every visit creates a memory. Find your moment of peace in our cozy ambiance."
       buttons={[
         {
@@ -59,7 +59,7 @@ export default function LandingPage() {
         {
           text: "Visit Us Today",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cafe-restaurant-building-exterior_23-2149534914.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzcXTTqub4QoK0ZpUPOZUpBrVz/uploaded-1781187014273-b325v0ml.jpg"
       imageAlt="Exterior view of Storia Coffee Space building"
       avatars={[
         {
@@ -96,9 +96,9 @@ export default function LandingPage() {
         {
           title: "Premium Coffee Beans",          description: "We meticulously select and ethically source the highest quality coffee beans from around the world to ensure every brew is exceptional.",          imageSrc: "http://img.b2bpic.net/free-photo/view-lots-coffee-beans_23-2149878129.jpg",          imageAlt: "Premium roasted coffee beans"},
         {
-          title: "Artisan Baked Goods",          description: "Indulge in our selection of freshly baked pastries and delectable treats, made daily with the finest ingredients to complement your coffee.",          imageSrc: "http://img.b2bpic.net/free-photo/glass-milky-creamy-cocktail-with-cinamon-powder-dry-fruits_114579-4257.jpg",          imageAlt: "Assortment of artisan pastries"},
+          title: "Artisan Baked Goods",          description: "Indulge in our selection of freshly baked pastries and delectable treats, made daily with the finest ingredients to complement your coffee.",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-chocolate-croissants-cup-coffee-breakfast_23-2149129596.jpg",          imageAlt: "Assortment of artisan pastries"},
         {
-          title: "Cozy Ambiance",          description: "Our space is designed to be a sanctuary, offering a warm and comfortable environment perfect for working, relaxing, or connecting with friends.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-chair-talking-her-phone-while-having-cup-coffee_231208-13075.jpg",          imageAlt: "Cozy cafe interior"},
+          title: "Cozy Ambiance",          description: "Our space is designed to be a sanctuary, offering a warm and comfortable environment perfect for working, relaxing, or connecting with friends.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EzcXTTqub4QoK0ZpUPOZUpBrVz/uploaded-1781187059942-kt8byen0.jpg",          imageAlt: "Cozy cafe interior"},
       ]}
       title="Our Unique Offerings"
       description="Discover what makes Storia Coffee Space your favorite daily ritual and a perfect spot for any occasion."

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #fcf6ec;
-  --card: #ffffff;
+  --card: #f3ede2;
-  --foreground: #1b0c25;
+  --foreground: #2e2521;
-  --primary-cta: #1b0c25;
+  --primary-cta: #2e2521;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1b0c25;
-  --accent: #ff93e4;
+  --accent: #b2a28b;
-  --background-accent: #e8a8c3;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);