15 Commits

Author SHA1 Message Date
f898bedc64 Merge version_4 into main
Merge version_4 into main
2026-04-25 22:26:32 +00:00
8b442d5c06 Update theme fonts 2026-04-25 22:26:28 +00:00
8897b4acaf Update theme fonts 2026-04-25 22:26:27 +00:00
5bcfc5e8d8 Merge version_4 into main
Merge version_4 into main
2026-04-25 22:25:38 +00:00
9e9cb70952 Update theme fonts 2026-04-25 22:25:35 +00:00
73b2c3f00c Update theme fonts 2026-04-25 22:25:35 +00:00
78686f51e3 Merge version_4 into main
Merge version_4 into main
2026-04-25 22:25:01 +00:00
d14aa3cc28 Update src/app/page.tsx 2026-04-25 22:24:54 +00:00
2d965ea1e8 Merge version_4 into main
Merge version_4 into main
2026-04-25 22:02:29 +00:00
d41b5dffcd Update src/app/page.tsx 2026-04-25 22:02:23 +00:00
69eb26dbb2 Merge version_4 into main
Merge version_4 into main
2026-04-25 21:59:38 +00:00
a2863d15b7 Update src/app/page.tsx 2026-04-25 21:59:35 +00:00
71aa286667 Merge version_3 into main
Merge version_3 into main
2026-04-25 21:58:25 +00:00
717146984c Update src/app/page.tsx 2026-04-25 21:58:19 +00:00
c25d913746 Merge version_2 into main
Merge version_2 into main
2026-04-25 20:20:28 +00:00
3 changed files with 54 additions and 180 deletions

View File

@@ -8,6 +8,8 @@ import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Manrope } from "next/font/google"; import { Manrope } from "next/font/google";
import { DM_Sans } from "next/font/google"; import { DM_Sans } from "next/font/google";
import { Public_Sans } from "next/font/google";
import { Open_Sans } from "next/font/google";
@@ -22,12 +24,14 @@ export const metadata: Metadata = {
}, },
}; };
const manrope = Manrope({
variable: "--font-manrope",
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
const dmSans = DM_Sans({ const openSans = Open_Sans({
variable: "--font-dm-sans", variable: "--font-open-sans",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -39,7 +43,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}> <body className={`${inter.variable} ${openSans.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -6,10 +6,11 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree'; import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial'; 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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Droplets, Sparkles, Zap, ShieldCheck, Star } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -29,112 +30,41 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "about" },
{ { name: "Services", id: "menu" },
name: "Menu", id: "menu"}, { name: "Contact", id: "contact" },
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="Maria's Mexican Cafe" brandName="Professions Window Cleaning "
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}} title="Transform Your View: Professional Window Cleaning Services"
title="Real Mexican Flavor. Made Fresh Daily." description="Professional, streak-free window cleaning services to brighten your space."
description="From breakfast tacos to slow-cooked barbacoa—every bite feels like home." testimonials={[]}
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"},
]}
buttons={[ buttons={[
{ { text: "Get a Free Quote", href: "#contact" },
text: "Order Online", href: "#"}, { text: "Our Services", href: "#menu" },
{
text: "View Menu", href: "#menu"},
{
text: "Call Now", href: "tel:9797326278"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/homemade-chicken-tacos-food-recipe-idea_53876-105979.jpg?_wi=2" imageSrc="https://img.b2bpic.net/free-photo/close-up-cleaning-window-with-cloth_23-2148529600.jpg?id=7945336"
imageAlt="Fresh Mexican street tacos" imageAlt="Professional window cleaning"
mediaAnimation="slide-up" 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>
<div id="social-proof" data-section="social-proof"> <div id="about" data-section="about">
<SocialProofOne <AboutMetric
textboxLayout="default" 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} 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> </div>
@@ -145,85 +75,39 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "s1", name: "Residential Exterior", price: "Starts at $150", imageSrc: "https://img.b2bpic.net/free-photo/clean-window-exterior_1234-5678.jpg" },
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: "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" },
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"},
]} ]}
title="Customer Favorites" title="Professional Window Services"
description="Everything made fresh to order." description="We handle everything from simple glass cleaning to deep frame and screen restoration."
/> />
</div> </div>
<div id="breakfast" data-section="breakfast"> <div id="features" data-section="features">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { id: "f1", title: "Eco-Friendly Products", tags: ["Safe", "Clean"], imageSrc: "https://img.b2bpic.net/free-photo/eco-friendly-cleaning_1234-5681.jpg" },
id: "b1", title: "Egg & Potato", tags: [ { id: "f2", title: "Experienced Technicians", tags: ["Reliable", "Expert"], imageSrc: "https://img.b2bpic.net/free-photo/professional-team_1234-5682.jpg" },
"Classic"], { id: "f3", title: "Reliable Scheduling", tags: ["On-Time", "Convenient"], imageSrc: "https://img.b2bpic.net/free-photo/calendar-check_1234-5683.jpg" },
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"},
]} ]}
title="Start Your Day the Right Way" title="What Makes Us Different"
description="Locals love our breakfast tacos—fresh, filling, and made exactly how you like them." description="Attention to detail that leaves every window sparkling."
buttons={[
{
text: "Order Breakfast Now", href: "#"},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="More Than a Meal—Its a Tradition"
description="At Marias, every guest is treated like family. Whether youre grabbing a quick bite at the drive-through or sitting down with loved ones, youll 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"
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "plain" }}
variant: "plain"}} tag="Book Now"
tag="Visit Us" title="Ready for a Clearer View?"
title="Hungry Yet?" description="Get a free, no-obligation estimate today. Contact us for local availability."
description="1221 Fannin St, Columbus, TX | (979) 732-6278"
buttons={[ buttons={[
{ { text: "Request a Quote", href: "#" },
text: "Order Now", href: "#"},
{
text: "Get Directions", href: "#"},
]} ]}
/> />
</div> </div>
@@ -231,24 +115,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }] },
title: "Restaurant", items: [ { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@windowservice.com" }] },
{
label: "Menu", href: "#menu"},
{
label: "Order Online", href: "#"},
],
},
{
title: "Contact", items: [
{
label: "Directions", href: "#"},
{
label: "Call Us", href: "tel:9797326278"},
],
},
]} ]}
logoText="Maria's Mexican Cafe" logoText="Crystal Clear Windows"
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-dm-sans), sans-serif; font-family: var(--font-open-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-manrope), sans-serif; font-family: var(--font-inter), sans-serif;
} }