Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit/HeroLogoBillboardSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
@@ -40,18 +40,12 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroLogoBillboardSplit
-      background={{ variant: "plain" }}
+      title="Shed Coffee"
-      title="Where coffee meets culture"
+      subtitle="Thessaloniki"
-      description="Your daily ritual in the heart of Thessaloniki. We provide the perfect space for students and creatives to connect, study, and thrive."
+      description="Minimal specialty coffee. Designed for the modern creative ritual."
-      tag="Specialty Coffee & Study Hub"
+      background={{ variant: "gradient-bars" }}
-      mediaItems={[
+      imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg"
-        { imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg", imageAlt: "Coffee ritual atmosphere" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/friends-people-group-teamwork-diversity_53876-64938.jpg", imageAlt: "Social study hub" }
-      ]}
-      mediaAnimation="blur-reveal"
-      rating={5}
-      ratingText="Loved by the student community"
     />
   </div>
 
@@ -125,4 +119,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fffafa;
-  --card: #f9f9f9;
+  --card: #fff7f7;
-  --foreground: #000f06e6;
+  --foreground: #1a0000;
-  --primary-cta: #0a7039;
+  --primary-cta: #e63946;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #fffafa;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000f06e6;
+  --secondary-cta-text: #1a0000;
-  --accent: #e2e2e2;
+  --accent: #f5c4c7;
-  --background-accent: #c4c4c4;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);