bender/4f9b12de-4394-424b-a2c8-e1e373f17e5f
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 16:41:50 +00:00
parent 74e9cdf927
commit a2fcf52c93
1 changed files with 109 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

380
src/app/page.tsx
View File

@@ -1,280 +1,118 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Car, Flame, Leaf, Pizza } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Flame, Leaf, Award, Car, Pizza } from 'lucide-react';
export default function LandingPage() {
const navItems = [
{ name: 'Home', id: '/' },
{ name: 'Menu', id: '#menu' },
{ name: 'About', id: '#about' },
{ name: 'Contact', id: '#contact' }
];
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Catering",
id: "catering",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Mister V’s"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Westchester’s Best-Kept Secret… Until Now."
description="Award-worthy pizza, unforgettable flavors, and service that feels like family."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
alt: "Customer 5",
},
]}
avatarText="Loved by our locals"
buttons={[
{
text: "Order Now",
href: "#",
},
{
text: "View Menu",
href: "#menu",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Wood-Fired",
icon: Flame,
},
{
type: "text-icon",
text: "Locally Sourced",
icon: Leaf,
},
{
type: "text-icon",
text: "Family Recipes",
icon: Award,
},
{
type: "text-icon",
text: "Fast Delivery",
icon: Car,
},
{
type: "text-icon",
text: "Authentic Italian",
icon: Pizza,
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Local Resident",
company: "Westchester",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
},
{
id: "2",
name: "Mike D.",
role: "Frequent Diner",
company: "Westchester",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
},
{
id: "3",
name: "Elena R.",
role: "Community Member",
company: "Westchester",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
},
{
id: "4",
name: "David K.",
role: "Business Owner",
company: "Westchester",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
},
{
id: "5",
name: "Brian W.",
role: "Foodie",
company: "Westchester",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg",
},
]}
title="Loved by Locals"
description="Don't just take our word for it—our neighbors say it best."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Classic Cheese",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-near-tomatoes-sauce_23-2147772125.jpg",
},
{
id: "2",
name: "Sicilian Pie",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-delicious-pizza-slice-with-fresh-mushrooms-tomatoes-red-peppers-brown-desk_140725-32570.jpg",
},
{
id: "3",
name: "Chicken Bacon Ranch",
price: "$24",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cut-pizza-wooden-desk_181624-28457.jpg",
},
{
id: "4",
name: "White Pizza",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-fresh-cheese_23-2150096956.jpg",
},
{
id: "5",
name: "Shrimp Parm",
price: "$26",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-lobster-with-butter-garlic_1203-9963.jpg",
},
{
id: "6",
name: "Eggplant Meatballs",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-watermelon-feta-salad-with-mint-red-onion_123827-36117.jpg",
},
]}
title="Every Bite Tells You Why People Come Back."
description="From signature pies to Italian classics, we craft every order with precision."
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="We Don’t Cut Corners. We Perfect Them."
description="You don’t just grab a slice here. You walk in, and you’re taken care of. A welcoming team, consistent quality, and a space where you feel right at home."
bulletPoints={[
{
title: "Crafted with Precision",
description: "High-quality cheese and perfectly balanced sauce.",
},
{
title: "Hospitality-First Team",
description: "We treat every guest like family.",
},
{
title: "Community Heart",
description: "Supporting schools, teams, and local events.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-163541.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
tag="Visit Us"
title="Ready for your next favorite meal?"
description="Call us to order or visit us at our location. Delivery available."
imageSrc="http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Mister V’s"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} brandName="Mister V’s" />
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Westchester’s Best-Kept Secret… Until Now."
description="Award-worthy pizza, unforgettable flavors, and service that feels like family."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149250087.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Customer 5" }
]}
avatarText="Loved by our locals"
buttons={[{ text: "Order Now", href: "#" }, { text: "View Menu", href: "#menu" }]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: 'text-icon', text: "Wood-Fired", icon: Flame },
{ type: 'text-icon', text: "Locally Sourced", icon: Leaf },
{ type: 'text-icon', text: "Family Recipes", icon: Award },
{ type: 'text-icon', text: "Fast Delivery", icon: Car },
{ type: 'text-icon', text: "Authentic Italian", icon: Pizza }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Loved by Locals"
description="Don't just take our word for it—our neighbors say it best."
testimonials={[
{ id: "1", name: "Sarah J.", role: "Local Resident", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
{ id: "2", name: "Mike D.", role: "Frequent Diner", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg" },
{ id: "3", name: "Elena R.", role: "Community Member", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg" },
{ id: "4", name: "David K.", role: "Business Owner", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
{ id: "5", name: "Brian W.", role: "Foodie", company: "Westchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
title="Every Bite Tells You Why People Come Back."
description="From signature pies to Italian classics, we craft every order with precision."
products={[
{ id: "1", name: "Classic Cheese", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pizza-near-tomatoes-sauce_23-2147772125.jpg" },
{ id: "2", name: "Sicilian Pie", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-delicious-pizza-slice-with-fresh-mushrooms-tomatoes-red-peppers-brown-desk_140725-32570.jpg" },
{ id: "3", name: "Chicken Bacon Ranch", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cut-pizza-wooden-desk_181624-28457.jpg" },
{ id: "4", name: "White Pizza", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-fresh-cheese_23-2150096956.jpg" },
{ id: "5", name: "Shrimp Parm", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/grilled-lobster-with-butter-garlic_1203-9963.jpg" },
{ id: "6", name: "Eggplant Meatballs", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-watermelon-feta-salad-with-mint-red-onion_123827-36117.jpg" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="We Don’t Cut Corners. We Perfect Them."
description="You don’t just grab a slice here. You walk in, and you’re taken care of. A welcoming team, consistent quality, and a space where you feel right at home."
bulletPoints={[
{ title: "Crafted with Precision", description: "High-quality cheese and perfectly balanced sauce." },
{ title: "Hospitality-First Team", description: "We treat every guest like family." },
{ title: "Community Heart", description: "Supporting schools, teams, and local events." }
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-barista-black-apron-holding-coffee-cup-laughing-standing-yellow-background_1258-163541.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
tag="Visit Us"
title="Ready for your next favorite meal?"
description="Call us to order or visit us at our location. Delivery available."
imageSrc="http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Mister V’s"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ThemeProvider>
);
}