Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
+  --background: #ffffff;
-  --card: #fcfcfc;;
+  --card: #fcfcfc;
-  --foreground: #120a00e6;;
+  --foreground: #120006e6;
-  --primary-cta: #ff8c42;;
+  --primary-cta: #ff0000;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffffff;
-  --accent: #e2e2e2;;
+  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/layout.tsx

@@ -1272,4 +1272,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,15 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import ContactText from '@/components/sections/contact/ContactText';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Coffee, Heart, Sparkles, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,249 +16,96 @@ export default function LandingPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
+      <div className="min-h-screen bg-gradient-to-br from-amber-50 via-white to-orange-50">
-        <NavbarLayoutFloatingOverlay
+        <div className="text-center py-20 px-4">
-          navItems={[
+          <h1 className="text-4xl font-bold mb-4 text-gray-900">My Day Coffee Shop</h1>
-            { name: "Home", id: "home" },
+          <p className="text-lg text-gray-600 mb-8">Premium artisan coffee and cozy atmosphere</p>
-            { name: "About", id: "about" },
+          <div className="space-y-4">
-            { name: "Menu", id: "menu" },
+            <button className="bg-amber-600 text-white px-6 py-3 rounded-lg hover:bg-amber-700 transition-colors">
-            { name: "Contact", id: "contact" }
+              View Menu
-          ]}
+            </button>
-          brandName="My Day"
+            <br />
-          button={{
+            <button className="border border-amber-600 text-amber-600 px-6 py-3 rounded-lg hover:bg-amber-50 transition-colors">
-            text: "Book a Table",
+              Book a Table
-            href: "contact"
+            </button>
-          }}
+          </div>
-        />
+        </div>
-      </div>
+        
-
+        <div className="max-w-6xl mx-auto px-4 py-16">
-      <div id="hero" data-section="hero">
+          <div className="text-center mb-12">
-        <HeroBillboardScroll
+            <h2 className="text-3xl font-bold mb-4 text-gray-900">Our Story</h2>
-          title="Welcome to My Day"
+            <p className="text-lg text-gray-600">Crafted with passion, served with love. My Day coffeeshop is where quality meets comfort.</p>
-          description="Discover our artisan coffee and cozy atmosphere. A perfect place to start your day or unwind with friends."
+          </div>
-          tag="Premium Coffee Experience"
+          
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565656661-lj0131tv.jpg"
+          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
-          imageAlt="Freshly brewed coffee cup"
+            <div className="bg-white rounded-lg shadow-md p-6">
-          buttons={[
+              <h3 className="text-xl font-semibold mb-2">Signature Espresso</h3>
-            { text: "View Menu", href: "menu" },
+              <p className="text-gray-600 mb-2">Rich, bold, and perfectly balanced</p>
-            { text: "Book a Table", href: "contact" }
+              <p className="text-lg font-bold text-amber-600">$4.50</p>
-          ]}
+            </div>
-        />
+            <div className="bg-white rounded-lg shadow-md p-6">
-      </div>
+              <h3 className="text-xl font-semibold mb-2">Cappuccino Classico</h3>
-
+              <p className="text-gray-600 mb-2">Creamy foam art masterpiece</p>
-      <div id="about" data-section="about">
+              <p className="text-lg font-bold text-amber-600">$5.50</p>
-        <TestimonialAboutCard
+            </div>
-          tag="Our Story"
+            <div className="bg-white rounded-lg shadow-md p-6">
-          tagIcon={Coffee}
+              <h3 className="text-xl font-semibold mb-2">Cold Brew Blend</h3>
-          title="Crafted with passion, served with love. My Day coffeeshop is where quality meets comfort."
+              <p className="text-gray-600 mb-2">Smooth and refreshing</p>
-          description="Founded in 2018"
+              <p className="text-lg font-bold text-amber-600">$5.00</p>
-          subdescription="Locally roasted, ethically sourced, artisan quality"
+            </div>
-          icon={Heart}
+          </div>
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565655535-yn1ij35l.jpg"
+          
-          imageAlt="My Day coffeeshop interior"
+          <div className="text-center mb-12">
-          useInvertedBackground="noInvert"
+            <h2 className="text-3xl font-bold mb-4 text-gray-900">What Our Customers Say</h2>
-        />
+            <p className="text-lg text-gray-600">Over 5,000 happy customers enjoy our coffee and atmosphere every month</p>
-      </div>
+          </div>
-
+          
-      <div id="menu" data-section="menu">
+          <div className="bg-white rounded-lg shadow-md p-8 text-center">
-        <ProductCardSeven
+            <h2 className="text-3xl font-bold mb-4 text-gray-900">Get In Touch</h2>
-          title="Our Menu"
+            <p className="text-lg text-gray-600 mb-8">Ready to join us for your perfect coffee moment? Get in touch to book a table or learn more about our offerings.</p>
-          description="Handcrafted beverages and fresh pastries made fresh daily"
+            <div className="space-x-4">
-          tag="Featured Items"
+              <a href="mailto:hello@myday.coffee" className="bg-amber-600 text-white px-6 py-3 rounded-lg hover:bg-amber-700 transition-colors inline-block">
-          tagIcon={Sparkles}
+                Send us a Message
-          products={[
+              </a>
-            {
+              <a href="tel:+1-555-123-4567" className="border border-amber-600 text-amber-600 px-6 py-3 rounded-lg hover:bg-amber-50 transition-colors inline-block">
-              id: "1",
+                Call Us
-              name: "Signature Espresso",
+              </a>
-              price: "4.50",
+            </div>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565657535-2effi2o4.jpg",
+          </div>
-              imageAlt: "Signature espresso"
+        </div>
-            },
+        
-            {
+        <footer className="bg-gray-900 text-white py-12">
-              id: "2",
+          <div className="max-w-6xl mx-auto px-4 text-center">
-              name: "Cappuccino Classico",
+            <h3 className="text-2xl font-bold mb-4">My Day</h3>
-              price: "5.50",
+            <div className="grid md:grid-cols-3 gap-8">
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg",
+              <div>
-              imageAlt: "Cappuccino with latte art"
+                <h4 className="font-semibold mb-2">Navigation</h4>
-            },
+                <ul className="space-y-1">
-            {
+                  <li><a href="#home" className="text-gray-300 hover:text-white">Home</a></li>
-              id: "3",
+                  <li><a href="#about" className="text-gray-300 hover:text-white">About</a></li>
-              name: "Cold Brew Blend",
+                  <li><a href="#menu" className="text-gray-300 hover:text-white">Menu</a></li>
-              price: "5.00",
+                </ul>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565659198-9eavtm8q.jpg",
+              </div>
-              imageAlt: "Refreshing cold brew"
+              <div>
-            },
+                <h4 className="font-semibold mb-2">Contact</h4>
-            {
+                <ul className="space-y-1">
-              id: "4",
+                  <li><a href="#contact" className="text-gray-300 hover:text-white">Contact</a></li>
-              name: "Butter Croissant",
+                  <li><a href="https://maps.google.com" className="text-gray-300 hover:text-white">Locations</a></li>
-              price: "4.00",
+                  <li><a href="/privacy" className="text-gray-300 hover:text-white">Privacy Policy</a></li>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414397437-vf61oti3.jpg",
+                </ul>
-              imageAlt: "Fresh butter croissant"
+              </div>
-            },
+              <div>
-            {
+                <h4 className="font-semibold mb-2">Social</h4>
-              id: "5",
+                <ul className="space-y-1">
-              name: "Chocolate Cake",
+                  <li><a href="https://instagram.com" className="text-gray-300 hover:text-white">Instagram</a></li>
-              price: "5.50",
+                  <li><a href="https://facebook.com" className="text-gray-300 hover:text-white">Facebook</a></li>
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565660426-dqa90soa.jpg",
+                  <li><a href="https://twitter.com" className="text-gray-300 hover:text-white">Twitter</a></li>
-              imageAlt: "Rich chocolate cake"
+                </ul>
-            },
+              </div>
-            {
+            </div>
-              id: "6",
+          </div>
-              name: "Blueberry Muffin",
+        </footer>
-              price: "4.50",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565661338-uk9bdz3q.jpg",
-              imageAlt: "Fresh blueberry muffin"
-            }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          testimonials={[
-            {
-              id: "1",
-              name: "Sarah Mitchell",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565662495-bt8vf9hb.jpg",
-              imageAlt: "Sarah Mitchell"
-            },
-            {
-              id: "2",
-              name: "James Rodriguez",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565663497-7g5mp6d4.jpg",
-              imageAlt: "James Rodriguez"
-            },
-            {
-              id: "3",
-              name: "Emily Chen",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565664521-6sq4zooh.jpg",
-              imageAlt: "Emily Chen"
-            },
-            {
-              id: "4",
-              name: "Michael Thompson",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565665445-zz3yp1m7.jpg",
-              imageAlt: "Michael Thompson"
-            },
-            {
-              id: "5",
-              name: "Jessica Adams",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508651819-t3cnqjfz.jpg",
-              imageAlt: "Jessica Adams"
-            },
-            {
-              id: "6",
-              name: "David Wilson",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565666312-zqg4oclx.jpg",
-              imageAlt: "David Wilson"
-            }
-          ]}
-          cardTitle="Over 5,000 happy customers enjoy our coffee and atmosphere every month"
-          cardTag="Customer Loved"
-          cardTagIcon={Star}
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to join us for your perfect coffee moment? Get in touch to book a table or learn more about our offerings."
-          animationType="entrance-slide"
-          buttons={[
-            { text: "Send us a Message", href: "mailto:hello@mydag.coffee" },
-            { text: "Call Us", href: "tel:+1-555-123-4567" }
-          ]}
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="products" data-section="products">
-        <ProductCardTwo
-          title="Premium Selection"
-          description="Our best-rated products loved by customers worldwide"
-          tag="Top Rated"
-          tagIcon={Star}
-          products={[
-            {
-              id: "1",
-              brand: "My Day Roastery",
-              name: "Single Accent Chair",
-              price: "$650.00",
-              rating: 5,
-              reviewCount: "2.3k",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565657535-2effi2o4.jpg",
-              imageAlt: "Premium coffee blend"
-            },
-            {
-              id: "2",
-              brand: "My Day Roastery",
-              name: "Cold Brew Collection",
-              price: "$45.00",
-              rating: 4,
-              reviewCount: "1.8k",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565659198-9eavtm8q.jpg",
-              imageAlt: "Cold brew collection"
-            },
-            {
-              id: "3",
-              brand: "My Day Roastery",
-              name: "Espresso Gift Set",
-              price: "$89.99",
-              rating: 5,
-              reviewCount: "945",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565657535-2effi2o4.jpg",
-              imageAlt: "Espresso gift set"
-            },
-            {
-              id: "4",
-              brand: "My Day Roastery",
-              name: "Artisan Coffee Sampler",
-              price: "$65.00",
-              rating: 4,
-              reviewCount: "1.2k",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg",
-              imageAlt: "Coffee sampler pack"
-            }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterLogoEmphasis
-          logoText="My Day"
-          columns={[
-            {
-              items: [
-                { label: "Home", href: "home" },
-                { label: "About", href: "about" },
-                { label: "Menu", href: "menu" }
-              ]
-            },
-            {
-              items: [
-                { label: "Contact", href: "contact" },
-                { label: "Locations", href: "https://maps.google.com" },
-                { label: "Privacy Policy", href: "/privacy" }
-              ]
-            },
-            {
-              items: [
-                { label: "Instagram", href: "https://instagram.com" },
-                { label: "Facebook", href: "https://facebook.com" },
-                { label: "Twitter", href: "https://twitter.com" }
-              ]
-            }
-          ]}
-        />
       </div>
     </ThemeProvider>
   );
-}
+}