Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -48,6 +48,22 @@ export default function LandingPage() {
     />
   </div>
 
+  {/* New text element below navigation */}
+  <h2
+    className="text-center font-bold py-8"
+    style={{
+      backgroundImage: 'linear-gradient(to right, var(--primary-cta), var(--accent))',
+      WebkitBackgroundClip: 'text',
+      WebkitTextFillColor: 'transparent',
+      backgroundClip: 'text',
+      color: 'transparent', // Fallback for browsers that don't support text-fill-color
+      fontSize: 'clamp(3rem, 7vw, 6rem)', // Responsive font size
+      fontFamily: 'var(--font-mulish), sans-serif',
+    }}
+  >
+    রন্ধন শালা
+  </h2>
+
   <div id="home" data-section="home">
       <HeroBillboardTestimonial
       useInvertedBackground={false}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
+  --background: #fcfcfc;
-  --card: #f7f2ea;
+  --card: #ffffff;
-  --foreground: #000000;
+  --foreground: #212121;
-  --primary-cta: #000000;
+  --primary-cta: #1565C0;
-  --primary-cta-text: #efebe5;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e0e0e0;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #212121;
-  --accent: #ffffff;
+  --accent: #FFC107;
-  --background-accent: #e1b875;
+  --background-accent: #BBDEFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);