diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d3271f7..4acbe73 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,15 +1,19 @@ import type { Metadata } from "next"; -import { Manrope } from "next/font/google"; +import { Playfair_Display, Lato } from "next/font/google"; import "./globals.css"; -const manrope = Manrope({ - variable: "--font-manrope", subsets: ["latin"], - weight: ["200", "300", "400", "500", "600", "700", "800"], +const playfairDisplay = Playfair_Display({ + variable: "--font-playfair-display", subsets: ["latin"], + weight: ["400", "500", "600", "700", "800", "900"], +}); + +const lato = Lato({ + variable: "--font-lato", subsets: ["latin"], + weight: ["100", "300", "400", "700", "900"], }); export const metadata: Metadata = { - title: "Sugarfire Smokehouse | St. Louis BBQ Legend", description: - "Authentic St. Louis BBQ smoked low and slow. Legendary brisket, pulled pork, and ribs. Visit Sugarfire for real smoke and real flavor."}; + title: "Mac's Route 8 Cafe | Retro Diner Experience", description: "Welcome to Mac's Route 8 Cafe - Where retro diner charm meets modern comfort. Enjoy classic breakfast favorites and warm hospitality."}; export default function RootLayout({ children, @@ -18,7 +22,7 @@ export default function RootLayout({ }) { return ( - + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 6a04658..5dc33fe 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,396 +1,291 @@ -"use client" +"use client"; -import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import HeroOverlay from '@/components/sections/hero/HeroOverlay'; -import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; -import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven'; -import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; -import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; -import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; -import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; -import ContactSplit from '@/components/sections/contact/ContactSplit'; -import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow'; -import FooterBase from '@/components/sections/footer/FooterBase'; -import { MapPin, Clock, Users } from 'lucide-react'; +import { ThemeProvider } from "@/components/theme/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel"; +import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; +import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; +import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard"; +import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo"; +import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen"; +import ContactText from "@/components/sections/contact/ContactText"; +import ContactForm from "@/components/form/ContactForm"; +import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; +import { Coffee, Clock, MapPin, Heart, Users, Sparkles, CheckCircle } from "lucide-react"; -export default function LandingPage() { +export default function Home() { return ( - +
-
-
- -
- -
- + +
+ + - -
-
-
-
+
-
- + -
- -
- -
- -

Downtown St. Louis

-
-
- ), - content: ( -
-
-

Downtown Location

-

123 BBQ Lane, St. Louis, MO 63101

-

(314) 555-0101

-
-
- -
-

Hours

-

Mon-Thu: 10:30am - 10pm

-

Fri-Sat: 10:30am - 11pm

-

Sun: 11am - 9pm

-
-
-

Features our full menu, dining area, and catering counter

-
- ) - }, - { - id: "south", reverse: true, - media: ( -
-
- -

South City

-
-
- ), - content: ( -
-
-

South City Location

-

456 Smokehouse Ave, St. Louis, MO 63118

-

(314) 555-0202

-
-
- -
-

Hours

-

Mon-Fri: 11am - 10pm

-

Sat: 10am - 11pm

-

Sun: 11am - 8:30pm

-
-
-

Casual dine-in, takeout, and delivery available

-
- ) - }, - { - id: "westport", reverse: false, - media: ( -
-
- -

Westport Road

-
-
- ), - content: ( -
-
-

Westport Road Location

-

789 Ribs & Rolls Pkwy, St. Louis, MO 63132

-

(314) 555-0303

-
-
- -
-

Hours

-

Mon-Sun: 11am - 9:30pm

-

Extended hours during football season

-
-
-

Large patio, perfect for groups and game day

-
- ) - } - ]} />
- -
- -

Smokehouse Club

-
-
- ), - content: ( -
-

Join the Smokehouse Club

-

Exclusive member benefits including special discounts, early access to new menu items, and birthday desserts.

-
    -
  • ✓ Birthday surprise dessert
    • -
  • ✓ 15% member discount
    • -
  • ✓ Weekly specials via email
    • -
  • ✓ Early catering booking priority
    • -
-
- ) - }, - { - id: "events", reverse: true, - media: ( -
-
- -

Monthly Events

-
-
- ), - content: ( -
-

Monthly BBQ Events

-

Join us for special themed nights, live music, and BBQ competitions celebrating the art of smokehouse cooking.

-
    -
  • 🎵 Live local music every Friday night
    • -
  • 🏆 Quarterly rib-eating contests
    • -
  • 👨‍🍳 Master pitmaster Q&A sessions
    • -
  • 🎉 Seasonal celebration specials
    • -
-
- ) - }, - { - id: "social", reverse: false, - media: ( -
-
- -

Follow & Share

-
-
- ), - content: ( -
-

Connect on Social Media

-

Follow @SugerfireSmokeHouse for daily BBQ inspiration, behind-the-scenes smokehouse action, and community stories.

-
    -
  • 📸 Instagram: Daily smoke shots and customer features
    • -
  • 👍 Facebook: Events, deals, and community updates
    • -
  • 🐦 Twitter: Quick tips, specials, and BBQ talk
    • -
  • 💬 Tag us and get featured!
    • -
-
- ) - } + title="More Than a Diner, We're a Gathering Place" + description="Local Events & Gatherings" + subdescription="Host your celebrations, meetings, and memories at Mac's" + icon={Heart} + imageSrc="https://images.unsplash.com/photo-1517457373614-b7152f800fd1?w=600&h=600&fit=crop" + imageAlt="Community gathering" + useInvertedBackground={false} + /> + + +
+
- console.log("Subscribed:", email)} + centered={true} />
diff --git a/src/app/styles/base.css b/src/app/styles/base.css index aa7fd03..7d0b280 100644 --- 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-montserrat), 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-montserrat), sans-serif; + font-family: var(--font-playfair-display), serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 2b82bf7..d6976a1 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #b82b40; + --background: #faf5f0; + --card: #f3ede2; + --foreground: #1a0f08; + --primary-cta: #d92727; --primary-cta-text: #f5f5f5; - --secondary-cta: #efe7dd; + --secondary-cta: #1a2555; --secondary-cta-text: #1c1c1c; - --accent: #94877c; - --background-accent: #c6b180; + --accent: #f4b860; + --background-accent: #8b5a3c; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);