Update src/app/contact/page.tsx

Merge version_14 into main

src/app/contact/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
@@ -35,13 +34,6 @@ export default function ContactPage() {
         />
 
         <div className="pt-32 pb-20">
-            <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "gradient-bars" }}
-            tag="Newsletter"
-            title="Stay in the loop."
-            description="Get updates on opening, brand drops, and location announcements. Follow us on Instagram @butterfortlauderdale or email us at butterfortlauderdale@gmail.com."
-            />
         </div>
 
         <FooterLogoReveal
@@ -52,4 +44,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
@@ -22,56 +22,46 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "About", id: "/about" },
-        { name: "Our Story", id: "/our-story" },
-        { name: "Menu", id: "/menu" },
-        { name: "Retail", id: "/retail" },
-        { name: "Inquiry", id: "/inquiry" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="BUTTER"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "About", id: "/about" },
+              { name: "Our Story", id: "/our-story" },
+              { name: "Menu", id: "/menu" },
+              { name: "Retail", id: "/retail" },
+              { name: "Inquiry", id: "/inquiry" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="BUTTER"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{ variant: "gradient-bars" }}
-      title="Fort Lauderdale, buttered."
-      description="A design-forward coffee, matcha, and retail platform for everyday ritual."
-      tag="Coming Soon"
-      buttons={[{ text: "Visit Us", href: "/contact" }]}
-      mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ClWbrS92bXmt7LmjB3TsGBCnuR/uploaded-1777001305072-w5axp7rr.png?_wi=1",          imageAlt: "Butter Cafe Scene"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ClWbrS92bXmt7LmjB3TsGBCnuR/uploaded-1777001305073-83c73fzj.png?_wi=1",          imageAlt: "Butter Branding Concept"}
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Join the waitlist"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="BUTTER"
+            description="A design-forward coffee, matcha, and retail platform for everyday ritual."
+            buttons={[{ text: "Visit Us", href: "/contact" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ClWbrS92bXmt7LmjB3TsGBCnuR/uploaded-1777006144782-qd7km8ip.jpg"
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={["Bakery One", "Market Two", "Roaster Three", "Design House", "Studio Five", "Creative Labs", "Local Coffee Co"]}
-      title="Community Partners"
-      description="Local favorites and partners."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Bakery One", "Market Two", "Roaster Three", "Design House", "Studio Five", "Creative Labs", "Local Coffee Co"]}
+            title="Community Partners"
+            description="Local favorites and partners."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="BUTTER"
-      leftLink={{ text: "Instagram", href: "https://instagram.com/butterfortlauderdale" }}
-      rightLink={{ text: "Contact", href: "/contact" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="BUTTER"
+            leftLink={{ text: "Instagram", href: "https://instagram.com/butterfortlauderdale" }}
+            rightLink={{ text: "Contact", href: "/contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );