bender/38b01b7a-25ba-45f2-be22-b717c1a23967
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #7.
This commit is contained in:
bender
2026-03-10 07:41:52 +00:00
parent 173b719e42 221f1f9045
commit 1daa8df631
2 changed files with 68 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/layout.tsx
View File

@@ -1,19 +1,8 @@
import type { Metadata } from "next";
import { Playfair_Display, Lato } from "next/font/google";
import "./globals.css";
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"],
});
import "./styles/globals.css";
export const metadata: Metadata = {
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."};
title: "Mac's Route 8 Cafe", description: "Welcome to Mac's Route 8 Cafe - Where Retro Diner Charm Meets Modern Comfort. Serving up nostalgia and great food since day one."};
export default function RootLayout({
children,
@@ -21,17 +10,8 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`${playfairDisplay.variable} ${lato.variable}`}>
<ServiceWrapper>
<Tag />
{children}
</ServiceWrapper>
<script
async
src="https://cdn.jsdelivr.net/npm/tsparticles-slim@2.12.0/tsparticles.slim.bundle.min.js"
></script>
<html lang="en">
<body>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1402,11 +1382,3 @@ export default function RootLayout({
</html>
);
}
function ServiceWrapper({ children }: { children: React.ReactNode }) {
return <>{children}</>;
}
function Tag() {
return null;
}

103
src/app/page.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
@@ -27,18 +27,20 @@ export default function Home() {
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "menu" },
{ name: "Hours & Location", id: "location" },
{ name: "Community", id: "community" },
{ name: "Contact", id: "contact" },
]}
brandName="Mac's Route 8"
bottomLeftText="Open Daily"
bottomRightText="(555) 123-4567"
/>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "menu" },
{ name: "Hours & Location", id: "location" },
{ name: "Community", id: "community" },
{ name: "Contact", id: "contact" },
]}
brandName="Mac's Route 8"
bottomLeftText="Open Daily"
bottomRightText="(555) 123-4567"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
@@ -49,19 +51,24 @@ export default function Home() {
mediaItems={[
{
imageSrc:
"https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=800&h=600&fit=crop", imageAlt: "Retro diner counter"},
"https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=800&h=600&fit=crop", imageAlt: "Retro diner counter"
},
{
imageSrc:
"https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=800&h=600&fit=crop", imageAlt: "Classic breakfast plate"},
"https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=800&h=600&fit=crop", imageAlt: "Classic breakfast plate"
},
{
imageSrc:
"https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=800&h=600&fit=crop", imageAlt: "Vintage diner aesthetic"},
"https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=800&h=600&fit=crop", imageAlt: "Vintage diner aesthetic"
},
{
imageSrc:
"https://images.unsplash.com/photo-1567627941487-c90e5089e586?w=800&h=600&fit=crop", imageAlt: "Fresh pastries and coffee"},
"https://images.unsplash.com/photo-1567627941487-c90e5089e586?w=800&h=600&fit=crop", imageAlt: "Fresh pastries and coffee"
},
{
imageSrc:
"https://images.unsplash.com/photo-1493857671505-72967e2e2760?w=800&h=600&fit=crop", imageAlt: "Warm diner interior"},
"https://images.unsplash.com/photo-1493857671505-72967e2e2760?w=800&h=600&fit=crop", imageAlt: "Warm diner interior"
},
]}
buttons={[
{ text: "View Menu", href: "#menu" },
@@ -78,7 +85,8 @@ export default function Home() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"★★★★★ Best breakfast spot in town!", "★★★★★ The coffee is always hot and the smiles are genuine.", "★★★★★ A true piece of Americana. Love this place!", "★★★★★ Classic diner vibes and amazing food."]}
"★★★★★ Best breakfast spot in town!", "★★★★★ The coffee is always hot and the smiles are genuine.", "★★★★★ A true piece of Americana. Love this place!", "★★★★★ Classic diner vibes and amazing food."
]}
speed={35}
showCard={true}
/>
@@ -92,10 +100,12 @@ export default function Home() {
mediaItems: [
{
imageSrc:
"https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=400&h=300&fit=crop", imageAlt: "Pancakes"},
"https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=400&h=300&fit=crop", imageAlt: "Pancakes"
},
{
imageSrc:
"https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=400&h=300&fit=crop", imageAlt: "Breakfast spread"},
"https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=400&h=300&fit=crop", imageAlt: "Breakfast spread"
},
],
},
{
@@ -103,10 +113,12 @@ export default function Home() {
mediaItems: [
{
imageSrc:
"https://images.unsplash.com/photo-1585269654839-e7b99subsidiary4f5a9d?w=400&h=300&fit=crop", imageAlt: "Breakfast platter"},
"https://images.unsplash.com/photo-1585269654839-e7b99c4f5a9d?w=400&h=300&fit=crop", imageAlt: "Breakfast platter"
},
{
imageSrc:
"https://images.unsplash.com/photo-1595427707802-0b370d5c86b8?w=400&h=300&fit=crop", imageAlt: "Eggs and bacon"},
"https://images.unsplash.com/photo-1595427707802-0b370d5c86b8?w=400&h=300&fit=crop", imageAlt: "Eggs and bacon"
},
],
},
{
@@ -114,10 +126,12 @@ export default function Home() {
mediaItems: [
{
imageSrc:
"https://images.unsplash.com/photo-1585518419759-a355f54a6bc5?w=400&h=300&fit=crop", imageAlt: "Biscuits and gravy"},
"https://images.unsplash.com/photo-1585518419759-a355f54a6bc5?w=400&h=300&fit=crop", imageAlt: "Biscuits and gravy"
},
{
imageSrc:
"https://images.unsplash.com/photo-1535920527894-b65b4c9d5b4c?w=400&h=300&fit=crop", imageAlt: "Fresh baked goods"},
"https://images.unsplash.com/photo-1535920527894-b65b4c9d5b4c?w=400&h=300&fit=crop", imageAlt: "Fresh baked goods"
},
],
},
{
@@ -125,10 +139,12 @@ export default function Home() {
mediaItems: [
{
imageSrc:
"https://images.unsplash.com/photo-1541519227354-08fa5d50c44d?w=400&h=300&fit=crop", imageAlt: "Cheese omelet"},
"https://images.unsplash.com/photo-1541519227354-08fa5d50c44d?w=400&h=300&fit=crop", imageAlt: "Cheese omelet"
},
{
imageSrc:
"https://images.unsplash.com/photo-1517668808822-9ebb02ae2a0e?w=400&h=300&fit=crop", imageAlt: "Gourmet eggs"},
"https://images.unsplash.com/photo-1517668808822-9ebb02ae2a0e?w=400&h=300&fit=crop", imageAlt: "Gourmet eggs"
},
],
},
]}
@@ -148,8 +164,8 @@ export default function Home() {
description="A Family Affair"
subdescription="Open to all who seek warmth, connection, and great food"
icon={Users}
imageSrc="https://images.unsplash.com/photo-1559631079-641ba2e37565?w=600&h=600&fit=crop"
imageAlt="Cozy diner interior"
videoSrc="https://videos.pexels.com/video-files/3407007/3407007-sd_640_360_30fps.mp4"
videoAriaLabel="Cozy diner interior"
useInvertedBackground={false}
/>
</div>
@@ -160,14 +176,19 @@ export default function Home() {
tag="Our Promise"
metrics={[
{
id: "1", value: "25+", description: "Years of serving our community with authentic diner goodness"},
id: "1", value: "25+", description: "Years of serving our community with authentic diner goodness"
},
{
id: "2", value: "100%", description: "Fresh ingredients and recipes made from scratch daily"},
id: "2", value: "100%", description: "Fresh ingredients and recipes made from scratch daily"
},
{
id: "3", value: "1000s", description: "Happy regulars who consider Mac's their home away from home"},
id: "3", value: "1000s", description: "Happy regulars who consider Mac's their home away from home"
},
{
id: "4", value: "24/7", description: "Consistent quality and hospitality with every visit"},
id: "4", value: "24/7", description: "Consistent quality and hospitality with every visit"
},
]}
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -180,10 +201,12 @@ export default function Home() {
mediaItems: [
{
imageSrc:
"https://images.unsplash.com/photo-1552566626-52f8b828add9?w=400&h=300&fit=crop", imageAlt: "Exterior storefront"},
"https://images.unsplash.com/photo-1552566626-52f8b828add9?w=400&h=300&fit=crop", imageAlt: "Exterior storefront"
},
{
imageSrc:
"https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=400&h=300&fit=crop", imageAlt: "Interior seating"},
"https://images.unsplash.com/photo-1568901346375-23c9450c58cd?w=400&h=300&fit=crop", imageAlt: "Interior seating"
},
],
},
{
@@ -191,10 +214,12 @@ export default function Home() {
mediaItems: [
{
imageSrc:
"https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=400&h=300&fit=crop", imageAlt: "Early morning service"},
"https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=400&h=300&fit=crop", imageAlt: "Early morning service"
},
{
imageSrc:
"https://images.unsplash.com/photo-1567521464027-f127ff144326?w=400&h=300&fit=crop", imageAlt: "Evening dining"},
"https://images.unsplash.com/photo-1567521464027-f127ff144326?w=400&h=300&fit=crop", imageAlt: "Evening dining"
},
],
},
]}
@@ -214,8 +239,8 @@ export default function Home() {
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"
videoSrc="https://videos.pexels.com/video-files/3605095/3605095-sd_640_360_30fps.mp4"
videoAriaLabel="Community gathering"
useInvertedBackground={false}
/>
</div>