Update src/app/page.tsx

2026-03-05 07:17:38 +00:00
3 changed files with 31 additions and 35 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,14 +1,9 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
 import "./styles/variables.css";
 import "./globals.css";

-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
-  title: "DeCasa Pizza Wood Fired",  description: "Premium wood-fired pizza in Midland, TX"
+  title: "DeCasa Pizza | Premium Wood-Fired Pizza in Midland, TX",  description: "Award-winning wood-fired pizza in Midland. 48-hour fermented dough. Limited daily availability. Call to order."
 };

 export default function RootLayout({
@@ -18,7 +13,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={inter.variable}>
+      <body>
        {children}
      
        <script
@@ -1390,4 +1385,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,13 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, MapPin, Phone, Clock } from "lucide-react";
+import { Award, MapPin, Phone } from "lucide-react";

 const navItems = [
  { name: "Menu", id: "menu" },
@@ -22,14 +22,15 @@ const navButton = {

 const heroProps = {
  title: "The Best Pizza in Midland. Two Years Running.",  description: "48-hour fermented dough. Real wood-fired pizza. Limited daily availability.",  tag: "MRT Best of Midland 2024 & 2025",  tagIcon: Award,
+  background: { variant: "plain" as const },
+  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772694156421-0mg2tc5k.png",  imageAlt: "Wood-fired pizza fresh from oven",  imagePosition: "right" as const,
+  mediaAnimation: "blur-reveal" as const,
  buttons: [
    { text: "Reserve Your Slice", href: "#menu" },
    { text: "Call Now", href: "tel:+16325551234" }
  ],
  buttonAnimation: "blur-reveal" as const,
-  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATOPwaLclIhBPrud8y1xTqDki0/uploaded-1772692161535-oa1bbbmr.png",  imageAlt: "Wood-fired pizza fresh from oven",  imagePosition: "right" as const,
-  mediaAnimation: "blur-reveal" as const,
-  showDimOverlay: false
+  containerClassName: "bg-cover bg-center bg-no-repeat",  className: "min-h-screen"
 };

 const philosophyProps = {
@@ -45,31 +46,31 @@ const philosophyProps = {

 const menuProducts = [
  {
-    id: "margherita",    brand: "DECASA PIZZA WOOD FIRED",    name: "Margherita",    price: "$18",    rating: 5,
+    id: "margherita",    brand: "DE CASA PIZZA WOOD FIRED",    name: "Margherita",    price: "$18",    rating: 5,
    reviewCount: "Best Seller",    imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-pizza-with-mozzarella-cheese-tomatoes-basil_181624-58097.jpg",    imageAlt: "Margherita pizza with fresh mozzarella and basil"
  },
  {
-    id: "hot-honey-pepperoni",    brand: "DECASA PIZZA WOOD FIRED",    name: "Hot Honey Pepperoni",    price: "$21",    rating: 5,
+    id: "hot-honey-pepperoni",    brand: "DE CASA PIZZA WOOD FIRED",    name: "Hot Honey Pepperoni",    price: "$21",    rating: 5,
    reviewCount: "Signature",    imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg",    imageAlt: "Hot honey pepperoni pizza"
  },
  {
-    id: "truffle",    brand: "DECASA PIZZA WOOD FIRED",    name: "Truffle",    price: "$21",    rating: 5,
+    id: "truffle",    brand: "DE CASA PIZZA WOOD FIRED",    name: "Truffle",    price: "$21",    rating: 5,
    reviewCount: "Premium",    imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895434.jpg",    imageAlt: "Luxury truffle pizza"
  },
  {
-    id: "western",    brand: "DECASA PIZZA WOOD FIRED",    name: "Western",    price: "$21",    rating: 5,
+    id: "western",    brand: "DE CASA PIZZA WOOD FIRED",    name: "Western",    price: "$21",    rating: 5,
    reviewCount: "House Special",    imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895448.jpg?_wi=2",    imageAlt: "Western BBQ pizza"
  },
  {
-    id: "meatballs",    brand: "DECASA PIZZA WOOD FIRED",    name: "Meatballs",    price: "$18",    rating: 5,
+    id: "meatballs",    brand: "DE CASA PIZZA WOOD FIRED",    name: "Meatballs",    price: "$18",    rating: 5,
    reviewCount: "Italian",    imageSrc: "http://img.b2bpic.net/free-photo/farfalle-pasta-with-meatballs-spinach-sauce-with-fried-chickpeas_2829-18262.jpg",    imageAlt: "Wood-fired meatballs"
  },
  {
-    id: "four-cheese-calzone",    brand: "DECASA PIZZA WOOD FIRED",    name: "Four Cheese Calzone",    price: "$17",    rating: 5,
+    id: "four-cheese-calzone",    brand: "DE CASA PIZZA WOOD FIRED",    name: "Four Cheese Calzone",    price: "$17",    rating: 5,
    reviewCount: "Baked Fresh",    imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-calzone-restaurant_501050-877.jpg",    imageAlt: "Four cheese calzone"
  },
  {
-    id: "house-salad",    brand: "DECASA PIZZA WOOD FIRED",    name: "House Salad",    price: "$7",    rating: 5,
+    id: "house-salad",    brand: "DE CASA PIZZA WOOD FIRED",    name: "House Salad",    price: "$7",    rating: 5,
    reviewCount: "Fresh",    imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-vegetables-greens-wooden-table-healthy-food-concept_1150-1832.jpg",    imageAlt: "Fresh house salad with seasonal vegetables"
  }
 ];
@@ -89,13 +90,13 @@ const menuProps = {

 const locationFaqs = [
  {
-    id: "hours-tue-wed-sat",    title: "Tuesday, Wednesday, Saturday",    content: "<div class='space-y-2'><p class='font-semibold'>11am–2pm</p><p class='text-sm opacity-75'>Until sold out.</p></div>"
+    id: "hours-tue-wed-sat",    title: "Tuesday, Wednesday, Saturday",    content: "11am–2pm. Until sold out."
  },
  {
-    id: "hours-thu-fri",    title: "Thursday, Friday",    content: "<div class='space-y-2'><p class='font-semibold'>11am–2pm / 4pm–7pm</p><p class='text-sm opacity-75'>Until sold out.</p></div>"
+    id: "hours-thu-fri",    title: "Thursday, Friday",    content: "11am–2pm / 4pm–7pm. Until sold out."
  },
  {
-    id: "hours-sun-mon",    title: "Sunday, Monday",    content: "<div class='space-y-2'><p class='font-semibold'>Closed</p><p class='text-sm opacity-75'>Resting the dough.</p></div>"
+    id: "hours-sun-mon",    title: "Sunday, Monday",    content: "Closed. Resting the dough."
  },
  {
    id: "ordering",    title: "How to Order",    content: "Call to place an order. We prepare fresh wood-fired pizzas to order. Limited daily availability."
@@ -169,12 +170,12 @@ export default function LandingPage() {
        <NavbarStyleCentered
          navItems={navItems}
          button={navButton}
-          brandName="DECASA PIZZA WOOD FIRED"
+          brandName="DE CASA PIZZA WOOD FIRED"
        />
      </div>

      <div id="hero" data-section="hero">
-        <HeroOverlay {...heroProps} />
+        <HeroSplit {...heroProps} />
      </div>

      <div id="philosophy" data-section="philosophy">
@@ -198,4 +199,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #4a4a4a;;;;
  --background-accent: #883535;;;; */

-  --background: #f6f0e9;;;;
-  --card: #efe7dd;;;;
-  --foreground: #2b180a;;;;
-  --primary-cta: #2b180a;;;;
-  --primary-cta-text: #f6f0e9;;;;
-  --secondary-cta: #efe7dd;;;;
-  --secondary-cta-text: #2b180a;;;;
-  --accent: #94877c;;;;
-  --background-accent: #afa094;;;;
+  --background: #000000;;;;
+  --card: #000000;;;;
+  --foreground: #F5F5F7;;;;
+  --primary-cta: #F5F5F7;;;;
+  --primary-cta-text: #000000;;;;
+  --secondary-cta: #0a0a0a;;;;
+  --secondary-cta-text: #F5F5F7;;;;
+  --accent: #4a4a4a;;;;
+  --background-accent: #883535;;;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);