bender/ce66c6cc-999d-44aa-b251-3d4c99a6ff9a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 1 commits from version_3 into main 2026-05-06 19:06:24 +00:00
Conversation 0 Commits 1 Files Changed 1 +72 -110
1 changed files with 72 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
src/app/page.tsx
View File

@@ -2,18 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
export default function LandingPage() {
export default function PlumberLandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,169 +22,131 @@ export default function LandingPage() {
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Services", id: "menu" },
{ name: "About", id: "about" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="California Pita & Grill"
button={{ text: "Order Online", href: "#menu" }}
brandName="Precision Plumbing"
button={{ text: "Book Appointment", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Authentic Mediterranean Flavors in Woodland Hills"
description="Experience the fresh, homestyle taste of California Pita & Grill. From our world-famous Lemon Chicken to authentic Mediterranean classics, we bring the best of the Mediterranean to your table."
buttons={[
{ text: "Order Online", href: "#menu" },
{ text: "View Directions", href: "#contact" }
<HeroSplitKpi
background={{ variant: "glowing-orb" }}
title="Expert Plumbing Services for Your Home & Business"
description="From emergency repairs to full installations, our team of licensed professionals provides reliable, high-quality plumbing solutions throughout the region."
kpis={[
{ value: "24/7", label: "Emergency Support" },
{ value: "15+ Yrs", label: "In Business" },
{ value: "100%", label: "Satisfaction Guaranteed" }
]}
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081869.jpg"
imageAlt="Fresh Mediterranean pita platter"
enableKpiAnimation={true}
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Our Services", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/plumber-working-sink_23-2148815185.jpg"
imageAlt="Plumber working on sink"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
<InlineImageSplitTextAbout
heading={[{ type: 'text', content: 'Trusted Local Plumbers' }, { type: 'image', src: 'http://img.b2bpic.net/free-photo/plumbing-tools-close-up_23-2148815180.jpg', alt: 'Tools' }]}
useInvertedBackground={false}
title="A Tradition of Fresh Ingredients"
description="At California Pita & Grill, we believe in the power of fresh, homestyle cooking. Our family recipes have been refined over generations to bring you the highest quality Mediterranean dishes, prepared with love every single day."
bulletPoints={[
{ title: "Homestyle Recipes", description: "Grandma's secret recipes made fresh from scratch." },
{ title: "Fresh Ingredients", description: "Locally sourced produce, high-quality proteins." },
{ title: "Community Focused", description: "Serving Woodland Hills with authentic, delicious meals." },
]}
imageSrc="http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805485.jpg"
imageAlt="Mediterranean kitchen interior"
mediaAnimation="slide-up"
buttons={[{ text: "Learn More" }]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
<ProductCardTwo
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
title="Our Plumbing Services"
description="Comprehensive solutions for your property."
products={[
{ id: "1", name: "Original Hummus", price: "$3.00", variant: "Starters & Mezze", imageSrc: "http://img.b2bpic.net/free-photo/platter-tomato-salad-with-boiled-eggs-onion-oil-herbs-cream_140725-4927.jpg" },
{ id: "2", name: "Greek Chicken Salad", price: "$19.00", variant: "House Salads", imageSrc: "http://img.b2bpic.net/free-photo/top-view-caesar-salad-oval-plate-green-white-checkered-napkin-chopping-board-garlic-dark-red-background_140725-124389.jpg" },
{ id: "3", name: "Lemon Chicken Pita", price: "$15.00", variant: "Handhelds", imageSrc: "http://img.b2bpic.net/free-photo/pita-stuffed-with-chicken-tomato-lettuce_2829-10670.jpg" },
{ id: "4", name: "Gyros Plate", price: "$19.00", variant: "Plates", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mushroom-quesadilla-food-photography-recipe-idea_53876-40911.jpg" },
{ id: "5", name: "Falafel Plate", price: "$19.00", variant: "Plates", imageSrc: "http://img.b2bpic.net/free-photo/falafel-hummus-pita-middle-eastern-arabic-dishes_2829-14253.jpg" },
{ id: "6", name: "Pistachio Baklava", price: "$6.50", variant: "Sweets", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-dessert-with-pistachio-chip-top_140725-3383.jpg" },
{ id: "1", brand: "Emergency", name: "Leak Repair", price: "From $99", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-water-leak_23-2148786483.jpg" },
{ id: "2", brand: "Installation", name: "Water Heater", price: "From $450", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/water-heater-installation_23-2149141712.jpg" },
{ id: "3", brand: "Drain", name: "Clog Clearing", price: "From $120", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/blocked-drain_23-2148805615.jpg" }
]}
title="Our Signature Menu"
description="From crisp salads and signature wraps to our famous plates and homestyle sweets."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Service Packages"
plans={[
{ id: "meat-combo", badge: "Popular", price: "$135.00", subtitle: "Serves 5 People", features: ["Lemon chicken", "Gyros", "Falafel", "Hummus", "Salads", "Pita & Sauces"], buttons: [{ text: "Order Catering", href: "#contact" }] },
{ id: "veggie-combo", badge: "Vegetarian", price: "$110.00", subtitle: "Serves 5 People", features: ["Falafel", "Spanakopita", "Hummus", "Tabbouleh", "Eggplant salad", "Salads"], buttons: [{ text: "Order Catering", href: "#contact" }] },
{ id: "basic", price: "$150", name: "Maintenance Check", features: ["Pipe inspection", "Pressure test", "Leak screening"], buttons: [{ text: "Select" }] },
{ id: "pro", price: "$350", name: "System Flush", features: ["Water heater maintenance", "Drain cleaning", "Valve check"], buttons: [{ text: "Select" }] }
]}
title="Catering Combos"
description="Perfect for events, parties, and gatherings."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={true}
title="By The Numbers"
tag="Our Impact"
<MetricCardSeven
animationType="slide-up"
title="Service Excellence"
description="Numbers that demonstrate our commitment."
metrics={[
{ id: "m1", value: "10+", description: "Years of Tradition" },
{ id: "m2", value: "50+", description: "Menu Items Prepared" },
{ id: "m3", value: "100%", description: "Fresh Ingredients" },
{ id: "m1", value: "5000+", title: "Successful Jobs", items: ["Residential", "Commercial"] },
{ id: "m2", value: "98%", title: "Retention Rate", items: ["Recurring", "Referrals"] }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Client Stories"
description="What our neighbors say about us."
testimonials={[
{ id: "1", name: "Sarah J.", role: "Local Resident", company: "Woodland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-holding-bowl-salad_23-2148363534.jpg" },
{ id: "2", name: "Michael D.", role: "Food Critic", company: "Los Angeles", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11930.jpg" },
{ id: "3", name: "Emily R.", role: "Catering Client", company: "Corporate Event", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116079.jpg" },
{ id: "4", name: "David K.", role: "Regular Guest", company: "Woodland Hills", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-chef-kitchen-with-his-knife_1303-32143.jpg" },
{ id: "5", name: "Linda M.", role: "Foodie", company: "Ventura Blvd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-living-farmhouse_23-2150621741.jpg" },
{ id: "1", name: "James W.", role: "Homeowner", company: "City Heights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-homeowner_23-2148753232.jpg" }
]}
kpiItems={[
{ value: "4.9", label: "Average Rating" },
{ value: "1000+", label: "Happy Customers" },
{ value: "5", label: "Star Rating" },
]}
title="What Our Guests Say"
description="Heartfelt feedback from our wonderful community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do you offer catering services?", content: "Yes! We have a variety of catering combos and platters available for events of any size." },
{ id: "q2", title: "What are your operating hours?", content: "We are open daily from 11:00 AM to 9:00 PM to serve you the best Mediterranean cuisine in Woodland Hills." },
{ id: "q3", title: "Do you have vegetarian options?", content: "Absolutely. We offer a wide selection of vegetarian dishes, including falafel, hummus, and veggie plates." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Need more information? Here are some of our most common questions."
<FaqDouble
title="Frequently Asked Questions"
faqsAnimation="slide-up"
faqs={[
{ id: "q1", title: "Are you licensed?", content: "Yes, we are fully licensed, bonded, and insured." },
{ id: "q2", title: "Do you offer emergency services?", content: "We are available 24/7 for urgent plumbing issues." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us Today"
description="Find us on Ventura Blvd or reach out for inquiries. Hours: Daily 11am-9pm."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628470.jpg"
imageAlt="California Pita restaurant facade"
mediaAnimation="slide-up"
<ContactCenter
title="Contact Us"
description="Schedule your service today."
tag="Booking"
onSubmit={(email) => console.log(email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="California Pita & Grill"
columns={[
{ title: "Location", items: [{ label: "22616 Ventura Blvd", href: "#" }, { label: "Woodland Hills, CA 91364", href: "#" }, { label: "Open Daily: 11am - 9pm", href: "#" }] },
{ title: "Menu", items: [{ label: "Starters & Mezze", href: "#menu" }, { label: "Plates", href: "#menu" }, { label: "Catering", href: "#pricing" }] },
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
copyrightText="© 2025 California Pita & Grill. All rights reserved."
<FooterLogoEmphasis
logoText="Precision Plumbing"
columns={[{ items: [{ label: "Home" }, { label: "About" }, { label: "Services" }] }, { items: [{ label: "Contact" }, { label: "Privacy Policy" }] }]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}