Update src/pages/HomePage/sections/Services.tsx

Merge version_6_1782385798592 into main

src/components/Layout.tsx

@@ -43,23 +43,6 @@ export default function Layout() {
       </SectionErrorBoundary>
       <main className="flex-grow">
         <Outlet />
-        <a
-          href="https://wa.me/96176191969"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="fixed bottom-6 right-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-[#25D366] text-white shadow-lg transition-transform hover:scale-110"
-          aria-label="Chat on WhatsApp"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="28"
-            height="28"
-            viewBox="0 0 24 24"
-            fill="currentColor"
-          >
-            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
-          </svg>
-        </a>
       </main>
       <SectionErrorBoundary name="footer">
         <FooterSimpleMedia

src/index.css

@@ -1,19 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Figtree:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@300;400;500&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #141414;
-  --foreground: #f5f5f5;
+  --background: #1a1a1a;
+  --card: #242424;
+  --foreground: #f5f5f0;
   --primary-cta: #d4af37;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #d4af37;
+  --primary-cta-text: #1a1a1a;
+  --secondary-cta: #333333;
+  --secondary-cta-text: #f5f5f0;
   --accent: #a3a3a3;
-  --background-accent: #1f1f1f;
+  --background-accent: #2a2a2a;
 
   /* @layout/border-radius/rounded */
   --radius: 1.5rem;
@@ -88,8 +88,8 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Playfair Display', serif;
-  --font-tight: "Figtree", sans-serif;
+  --font-sans: 'Inter', sans-serif;
+  --font-tight: 'Playfair Display', serif;
   --font-mono: monospace;
 
   /* Border Radius */

src/pages/HomePage/sections/Hero.tsx

@@ -11,18 +11,18 @@ export default function HeroSection(): React.JSX.Element {
     <div id="hero" data-section="hero">
         <SectionErrorBoundary name="hero">
               <HeroOverlayMarquee
-        tag="Elevating Lebanese Living"
-        title="Bespoke Interior Design in Lebanon"
-        description="Transforming spaces into timeless experiences. We combine regional heritage with modern luxury to craft interiors that reflect your unique narrative."
-        primaryButton={{
+          tag="Elevating Lebanese Living"
+          title="Spaces That Speak"
+          description="MID crafts thoughtful interior spaces for residential and commercial clients across Lebanon."
+          primaryButton={{
             text: "Book Consultation",
             href: "#contact",
           }}
-        secondaryButton={{
+          secondaryButton={{
             text: "View Portfolio",
             href: "#portfolio",
           }}
-        items={[
+          items={[
             {
               text: "Residential",
               icon: Home,
@@ -36,8 +36,8 @@ export default function HeroSection(): React.JSX.Element {
               icon: Palette,
             },
           ]}
-        imageSrc="https://storage.googleapis.com/webild/users/user_3E5Z1dFAelsYbTSOFAe3xKAQAFL/uploaded-1782384010780-dfmdpx6c.jpg"
-      />
+          imageSrc="http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712901.jpg"
+        />
         </SectionErrorBoundary>
       </div>
   );

src/pages/HomePage/sections/Services.tsx

@@ -54,7 +54,7 @@ export default function ServicesSection(): React.JSX.Element {
               title: "Lobby Spaces",
               description: "Make a statement entry.",
               href: "#",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3E5Z1dFAelsYbTSOFAe3xKAQAFL/uploaded-1782548383824-jsd49hgj.jpg",
             },
           ]}
         />