Update src/app/page.tsx

Merge version_3 into main
2026-05-22 09:21:02 +00:00 · 2026-05-22 09:20:03 +00:00 · 2026-05-22 09:19:59 +00:00 · 2026-05-22 09:19:59 +00:00 · 2026-05-22 09:19:17 +00:00 · 2026-05-22 09:19:13 +00:00
4 changed files with 59 additions and 326 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Open_Sans } from "next/font/google";
+import { Manrope } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Lato } from "next/font/google";



@@ -19,13 +22,12 @@ export const metadata: Metadata = {
  },
 };

-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-const openSans = Open_Sans({
-  variable: "--font-open-sans",
+
+
+const lato = Lato({
+  variable: "--font-lato",
  subsets: ["latin"],
+  weight: ["100", "300", "400", "700", "900"],
 });

 export default function RootLayout({
@@ -36,7 +38,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
+        <body className={`${lato.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -33,90 +33,23 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Menu", id: "products" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="L'Emeraude"
-      button={{
-        text: "Reserve Now",
-        href: "#contact",
-      }}
+      button={{ text: "Reserve Now", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Exceptional cuisine meets artisan coffee culture"
-      description="Discover refined dining and handcrafted beverages in an elegant, welcoming atmosphere. Whether you're here for breakfast, lunch, dinner, or a quiet work session, L'Emeraude delivers an unforgettable experience."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
-          alt: "Diner",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/grey-coffee-cup-table-caf_23-2147893240.jpg",
-          alt: "Diner",
-        },
-      ]}
-      avatarText="Join our local food community"
-      buttons={[
-        {
-          text: "Reserve Your Table",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Freshly Roasted Coffee",
-        },
-        {
-          type: "text",
-          text: "Locally Sourced Ingredients",
-        },
-        {
-          type: "text",
-          text: "Fine Dining Atmosphere",
-        },
-        {
-          type: "text",
-          text: "Artisan Pastries",
-        },
-        {
-          type: "text",
-          text: "Private Event Catering",
-        },
-      ]}
-    />
+      <HeroBillboardScroll
+        title="Exceptional cuisine meets artisan coffee culture"
+        description="Discover refined dining and handcrafted beverages in an elegant, welcoming atmosphere. Whether you’re here for breakfast, lunch, dinner, or a quiet work session, LEmeraude delivers an unforgettable experience."
+        buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
+        background={{ variant: "gradient-bars" }}
+      />
  </div>

  <div id="about" data-section="about">
@@ -138,27 +71,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
-        {
-          id: "f1",
-          title: "Artisan Coffee",
-          description: "Handpicked beans roasted daily for the perfect brew.",
-          tag: "Coffee Culture",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-background-with-copy-space_1194-638611.jpg",
-        },
-        {
-          id: "f2",
-          title: "Farm-to-Table",
-          description: "Fresh, locally sourced seasonal produce on your plate.",
-          tag: "Ingredients",
-          imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-vegetables_23-2148601656.jpg",
-        },
-        {
-          id: "f3",
-          title: "Cozy Atmosphere",
-          description: "Reliable WiFi and calm vibes, perfect for work or play.",
-          tag: "Vibe",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
-        },
+        { id: "f1", title: "Artisan Coffee", description: "Handpicked beans roasted daily for the perfect brew.", tag: "Coffee Culture", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-background-with-copy-space_1194-638611.jpg" },
+        { id: "f2", title: "Farm-to-Table", description: "Fresh, locally sourced seasonal produce on your plate.", tag: "Ingredients", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-vegetables_23-2148601656.jpg" },
+        { id: "f3", title: "Cozy Atmosphere", description: "Reliable WiFi and calm vibes, perfect for work or play.", tag: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg" },
      ]}
      title="Why Choose Us"
      description="More than just a meal; an experience tailored for your lifestyle."
@@ -172,42 +87,12 @@ export default function LandingPage() {
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
-        {
-          id: "p1",
-          name: "Avocado Sourdough",
-          price: "$14",
-          imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-797.jpg",
-        },
-        {
-          id: "p2",
-          name: "Artisan Latte",
-          price: "$6",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-style-asian-coffee-set_53876-147836.jpg",
-        },
-        {
-          id: "p3",
-          name: "Seasonal Power Bowl",
-          price: "$18",
-          imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-cucumber-tomato-bell-pepper-onion-cheese_141793-17498.jpg",
-        },
-        {
-          id: "p4",
-          name: "French Butter Croissant",
-          price: "$5",
-          imageSrc: "http://img.b2bpic.net/free-photo/drawings-near-pastry-hot-chocolate_23-2147817007.jpg",
-        },
-        {
-          id: "p5",
-          name: "Pan-Seared Steak",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/egg-benedict-steak-with-mashed-batata-mushroom-sauce_637285-9511.jpg",
-        },
-        {
-          id: "p6",
-          name: "Signature Spritz",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-daiquiri-cocktail-with-orange-high-angle_23-2149418284.jpg",
-        },
+        { id: "p1", name: "Avocado Sourdough", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-797.jpg" },
+        { id: "p2", name: "Artisan Latte", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/old-style-asian-coffee-set_53876-147836.jpg" },
+        { id: "p3", name: "Seasonal Power Bowl", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/greek-salad-cucumber-tomato-bell-pepper-onion-cheese_141793-17498.jpg" },
+        { id: "p4", name: "French Butter Croissant", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/drawings-near-pastry-hot-chocolate_23-2147817007.jpg" },
+        { id: "p5", name: "Pan-Seared Steak", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/egg-benedict-steak-with-mashed-batata-mushroom-sauce_637285-9511.jpg" },
+        { id: "p6", name: "Signature Spritz", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/tasty-daiquiri-cocktail-with-orange-high-angle_23-2149418284.jpg" },
      ]}
      title="Our Menu"
      description="Curated dishes and beverages crafted by our expert culinary team."
@@ -220,40 +105,8 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
-        {
-          id: "membership",
-          badge: "Loyalty",
-          price: "$99",
-          subtitle: "Monthly Perks",
-          features: [
-            "10% off coffee",
-            "Priority reservations",
-            "Free birthday meal",
-          ],
-          buttons: [
-            {
-              text: "Join Club",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "catering",
-          badge: "Events",
-          price: "Custom",
-          subtitle: "Private Dining",
-          features: [
-            "Full service catering",
-            "Menu customization",
-            "Venue rental",
-          ],
-          buttons: [
-            {
-              text: "Book Event",
-              href: "#contact",
-            },
-          ],
-        },
+        { id: "membership", badge: "Loyalty", price: "$99", subtitle: "Monthly Perks", features: ["10% off coffee", "Priority reservations", "Free birthday meal"], buttons: [{ text: "Join Club", href: "#contact" }] },
+        { id: "catering", badge: "Events", price: "Custom", subtitle: "Private Dining", features: ["Full service catering", "Menu customization", "Venue rental"], buttons: [{ text: "Book Event", href: "#contact" }] },
      ]}
      title="Dining Plans"
      description="Membership and event packages for loyal patrons."
@@ -266,27 +119,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
-        {
-          id: "m1",
-          value: "12k+",
-          title: "Coffee Cups Served",
-          description: "Hand-poured daily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate_23-2149703763.jpg",
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Loyal Members",
-          description: "Our local neighborhood family.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg",
-        },
-        {
-          id: "m3",
-          value: "20+",
-          title: "Local Farmers",
-          description: "Partners in quality ingredients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-basket-with-delicious-vegetables_23-2149128106.jpg",
-        },
+        { id: "m1", value: "12k+", title: "Coffee Cups Served", description: "Hand-poured daily.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-plate_23-2149703763.jpg" },
+        { id: "m2", value: "5k+", title: "Loyal Members", description: "Our local neighborhood family.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-sitting-cafe-holding-takeaway-coffee-cup_23-2148148111.jpg" },
+        { id: "m3", value: "20+", title: "Local Farmers", description: "Partners in quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-basket-with-delicious-vegetables_23-2149128106.jpg" },
      ]}
      title="Serving Quality"
      description="Our numbers reflect our dedication to the dining experience."
@@ -300,46 +135,9 @@ export default function LandingPage() {
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Foodie",
-          company: "Local Guide",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "Regular",
-          company: "Tech Lead",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-looking-camera-laughing-isolated-blue-background_141793-134551.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Visitor",
-          company: "Marketing",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Coffee Enthusiast",
-          company: "Designer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",
-        },
-        {
-          id: "5",
-          name: "Clara P.",
-          role: "Frequent Diner",
-          company: "Architect",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-sitting-restaurant-drinking-coffee_114579-92380.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107594.jpg" },
+        { id: "2", name: "Michael C.", role: "Regular", company: "Tech Lead", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-looking-camera-laughing-isolated-blue-background_141793-134551.jpg" },
+        { id: "3", name: "Emily R.", role: "Visitor", company: "Marketing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg" },
      ]}
      title="Guest Voices"
      description="Hear what our wonderful guests have to say."
@@ -351,21 +149,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "q1",
-          title: "Do you accept walk-ins?",
-          content: "Yes, we always welcome walk-ins, though reservations are recommended for busy weekends.",
-        },
-        {
-          id: "q2",
-          title: "Is your space WiFi friendly?",
-          content: "We offer complimentary high-speed WiFi for all of our coffee patrons.",
-        },
-        {
-          id: "q3",
-          title: "Do you have vegan options?",
-          content: "Our menu features several plant-based and vegan-friendly dishes throughout the day.",
-        },
+        { id: "q1", title: "Do you accept walk-ins?", content: "Yes, we always welcome walk-ins, though reservations are recommended for busy weekends." },
+        { id: "q2", title: "Is your space WiFi friendly?", content: "We offer complimentary high-speed WiFi for all of our coffee patrons." },
+        { id: "q3", title: "Do you have vegan options?", content: "Our menu features several plant-based and vegan-friendly dishes throughout the day." },
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about dining with us."
@@ -379,24 +165,10 @@ export default function LandingPage() {
      title="Secure Your Table"
      description="We look forward to welcoming you soon."
      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Number of guests, date, time...",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "Number of guests, date, time...", rows: 4 }}
      imageSrc="http://img.b2bpic.net/free-photo/empty-billboard-metropolis-city_23-2151913714.jpg"
    />
  </div>
@@ -404,50 +176,9 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Careers", href: "#" }] },
+        { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
      ]}
      logoText="L'Emeraude"
    />
@@ -455,4 +186,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-lato), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-lato), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #f5faff;
+  --card: #ffffff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
+  --primary-cta-text: #f5faff;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #001122;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	b7439d61be	Update src/app/page.tsx	2026-05-22 09:21:02 +00:00
bender	d8185e6a5e	Merge version_3 into main Merge version_3 into main	2026-05-22 09:20:03 +00:00
bender	3009d7c296	Update theme fonts	2026-05-22 09:19:59 +00:00
bender	fa2a9d1e40	Update theme fonts	2026-05-22 09:19:59 +00:00
bender	e99eafb447	Merge version_3 into main Merge version_3 into main	2026-05-22 09:19:17 +00:00
bender	25ca6be091	Update theme fonts	2026-05-22 09:19:13 +00:00
bender	3fcb1a8f45	Update theme fonts	2026-05-22 09:19:13 +00:00
bender	35ebf00f86	Merge version_3 into main Merge version_3 into main	2026-05-22 09:19:01 +00:00
bender	88bec3a6bd	Update theme colors	2026-05-22 09:18:57 +00:00
bender	98764a6152	Merge version_2 into main Merge version_2 into main	2026-05-22 09:17:43 +00:00
bender	2aa23e3113	Update theme colors	2026-05-22 09:17:40 +00:00