Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -6,10 +6,11 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Droplets, Sparkles, Zap, ShieldCheck, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,112 +30,41 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Maria's Mexican Cafe"
|
||||
brandName="Crystal Clear Windows"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Real Mexican Flavor. Made Fresh Daily."
|
||||
description="From breakfast tacos to slow-cooked barbacoa—every bite feels like home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller", handle: "@foodie", testimonial: "The best tacos in Texas! Truly authentic and fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-105979.jpg?_wi=1", imageAlt: "fresh mexican street tacos close up"},
|
||||
{
|
||||
name: "John Doe", handle: "@local", testimonial: "Generous portions and incredible service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-party-with-food-drinks-wooden-plank_23-2147645495.jpg?_wi=1", imageAlt: "fresh mexican street tacos close up"},
|
||||
{
|
||||
name: "Emily R.", handle: "@eats", testimonial: "My go-to spot for breakfast tacos every single morning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cooked-steak-served-with-potato-tomato-sauce_140725-2565.jpg?_wi=1", imageAlt: "fresh mexican street tacos close up"},
|
||||
{
|
||||
name: "Mike Smith", handle: "@tacoLover", testimonial: "Exceptional flavors and high-quality ingredients.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg?_wi=1", imageAlt: "fresh mexican street tacos close up"},
|
||||
{
|
||||
name: "Anna Cruz", handle: "@chef", testimonial: "Just like my Abuela used to make. Incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-homemade-delicious-crispy-potato-chips-brown-pot-fallen-oil-bottle-ketchup-tomatoes-potato-garlic-dark-background_140725-140873.jpg?_wi=1", imageAlt: "fresh mexican street tacos close up"},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crystal Clear Views for Your Home."
|
||||
description="Professional, streak-free window cleaning services to brighten your space."
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#"},
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Call Now", href: "tel:9797326278"},
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-105979.jpg?_wi=2"
|
||||
imageAlt="Fresh Mexican street tacos"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/man-cleaning-window-with-squeegee-cloth_23-2148750447.jpg?_wi=1"
|
||||
imageAlt="Professional window cleaning"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/meat-fajitas-with-lavash-table_140725-4813.jpg", alt: "Customer portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-bbq-skewer-with-beef-vegetables_1147-71.jpg", alt: "Customer portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sizzling-steak-fajitas-with-bell-peppers-hot-skillet_84443-84858.jpg", alt: "Customer portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-fresh-mexican-food-with-chilli_23-2148614414.jpg", alt: "Customer portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-fresh-mexican-ingredients_23-2147640342.jpg", alt: "Customer portrait 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text", text: "Hand-Pressed Tortillas"},
|
||||
{
|
||||
type: "text", text: "Authentic Spices"},
|
||||
{
|
||||
type: "text", text: "Family Recipes"},
|
||||
{
|
||||
type: "text", text: "Made Fresh Daily"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Why Choose Our Team?"
|
||||
metrics={[
|
||||
{ icon: Zap, label: "Fast Service", value: "Efficient" },
|
||||
{ icon: ShieldCheck, label: "Fully Insured", value: "Protected" },
|
||||
{ icon: Sparkles, label: "Satisfaction", value: "Guaranteed" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google", "Yelp", "TripAdvisor", "Local Eats", "Foodie Weekly", "Town Guide", "DineOut"]}
|
||||
title="4.0 Rating | 480+ Reviews"
|
||||
description="“Excellent service, great food, and generous portions.”"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Authentic Recipes", tags: [
|
||||
"Traditional", "Fresh"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-party-with-food-drinks-wooden-plank_23-2147645495.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2", title: "Generous Portions", tags: [
|
||||
"Filling", "Satisfying"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-cooked-steak-served-with-potato-tomato-sauce_140725-2565.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3", title: "Breakfast to Dinner", tags: [
|
||||
"All Day", "Variety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159787.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why People Love Maria's"
|
||||
description="We treat every customer like family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,85 +75,39 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Barbacoa Tacos", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-homemade-delicious-crispy-potato-chips-brown-pot-fallen-oil-bottle-ketchup-tomatoes-potato-garlic-dark-background_140725-140873.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2", name: "Breakfast Tacos", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tortillas-with-meat-vegetables_23-2148614372.jpg"},
|
||||
{
|
||||
id: "p3", name: "Street Tacos", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-stuffed-with-zucchini-with-slice-cheese-cucumber-blue-plate_141793-6117.jpg"},
|
||||
{
|
||||
id: "p4", name: "Chips & Salsa", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/tortilla-with-meat-vegetables-top-view_23-2148750447.jpg"},
|
||||
{
|
||||
id: "p5", name: "Classic Plates", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/three-delicious-mexican-tacos-with-fresh-toppings_84443-82579.jpg"},
|
||||
{
|
||||
id: "p6", name: "Fajita Platter", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-tacos_23-2150878353.jpg"},
|
||||
{ id: "s1", name: "Residential Exterior", price: "Starts at $150", imageSrc: "https://img.b2bpic.net/free-photo/clean-window-exterior_1234-5678.jpg" },
|
||||
{ id: "s2", name: "Deep Interior Cleaning", price: "Starts at $200", imageSrc: "https://img.b2bpic.net/free-photo/interior-clean-glass_1234-5679.jpg" },
|
||||
{ id: "s3", name: "Screen & Track Care", price: "Starts at $50", imageSrc: "https://img.b2bpic.net/free-photo/window-frame-cleaning_1234-5680.jpg" },
|
||||
]}
|
||||
title="Customer Favorites"
|
||||
description="Everything made fresh to order."
|
||||
title="Professional Window Services"
|
||||
description="We handle everything from simple glass cleaning to deep frame and screen restoration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="breakfast" data-section="breakfast">
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "b1", title: "Egg & Potato", tags: [
|
||||
"Classic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-mexican-breakfast-red-chilaquiles-with-egg-yellow-background_123827-30646.jpg"},
|
||||
{
|
||||
id: "b2", title: "Beans & Cheese", tags: [
|
||||
"Simple"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/english-breakfast-dish_1203-9632.jpg"},
|
||||
{
|
||||
id: "b3", title: "Bacon & Egg", tags: [
|
||||
"Favorite"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tacos_23-2148159754.jpg"},
|
||||
{ id: "f1", title: "Eco-Friendly Products", tags: ["Safe", "Clean"], imageSrc: "https://img.b2bpic.net/free-photo/eco-friendly-cleaning_1234-5681.jpg" },
|
||||
{ id: "f2", title: "Experienced Technicians", tags: ["Reliable", "Expert"], imageSrc: "https://img.b2bpic.net/free-photo/professional-team_1234-5682.jpg" },
|
||||
{ id: "f3", title: "Reliable Scheduling", tags: ["On-Time", "Convenient"], imageSrc: "https://img.b2bpic.net/free-photo/calendar-check_1234-5683.jpg" },
|
||||
]}
|
||||
title="Start Your Day the Right Way"
|
||||
description="Locals love our breakfast tacos—fresh, filling, and made exactly how you like them."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Breakfast Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Meal—It’s a Tradition"
|
||||
description="At Maria’s, every guest is treated like family. Whether you’re grabbing a quick bite at the drive-through or sitting down with loved ones, you’ll always feel at home."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Authentic"},
|
||||
{
|
||||
value: "480+", title: "Reviews"},
|
||||
{
|
||||
value: "Daily", title: "Fresh"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-women-are-helping-separate-vegetables-clear-cup-kitchen-with-red-brick-wall_1150-19043.jpg"
|
||||
imageAlt="Staff working in the kitchen"
|
||||
title="What Makes Us Different"
|
||||
description="Attention to detail that leaves every window sparkling."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Hungry Yet?"
|
||||
description="1221 Fannin St, Columbus, TX | (979) 732-6278"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book Now"
|
||||
title="Ready for a Clearer View?"
|
||||
description="Get a free, no-obligation estimate today. Contact us for local availability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#"},
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
{ text: "Request a Quote", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -231,24 +115,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Order Online", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Directions", href: "#"},
|
||||
{
|
||||
label: "Call Us", href: "tel:9797326278"},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:info@windowservice.com" }] },
|
||||
]}
|
||||
logoText="Maria's Mexican Cafe"
|
||||
logoText="Crystal Clear Windows"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user