bender/25f875fe-266d-40b9-be4e-61d91e486d66
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... main

Author SHA1 Message Date
bender
a75f4870e1 Merge version_2 into main 
Merge version_2 into main
 2026-04-02 18:49:15 +00:00
bender
3423fda5bb Update src/app/styles/variables.css 2026-04-02 18:49:12 +00:00
bender
d566c4a775 Update src/app/page.tsx 2026-04-02 18:49:12 +00:00
2 changed files with 44 additions and 161 deletions
Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -30,25 +30,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="AQUA Plumbing"
/>
@@ -57,20 +47,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="PREMIUM PLUMBING SOLUTIONS"
description="Luxury Plumbing Services for Discerning Homeowners. Licensed, Insured, and 5-Star Rated. Providing Same-Day Service for all your plumbing needs."
tag="Where Quality Flows"
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
{
text: "Call (555) 123-AQUA",
href: "tel:5551232782",
},
text: "Call (555) 123-AQUA", href: "tel:5551232782"},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-bathtub-inside-bedroom-hotel_1150-10837.jpg"
imageAlt="Modern luxury bathroom fixtures"
@@ -84,19 +69,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "50+ Five-Star Reviews",
value: "50+",
},
label: "50+ Five-Star Reviews", value: "50+"},
{
icon: ShieldCheck,
label: "Licensed & Bonded",
value: "100%",
},
label: "Licensed & Bonded", value: "100%"},
{
icon: Clock,
label: "Emergency Response",
value: "24/7",
},
label: "Emergency Response", value: "24/7"},
]}
metricsAnimation="slide-up"
/>
@@ -109,64 +88,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
label: "Renovations",
title: "Luxury Bathroom Renovations",
items: [
"Complete design consultation",
"Fixture installation",
"Spa-like upgrades",
],
id: "1", label: "Renovations", title: "Luxury Bathroom Renovations", items: [
"Complete design consultation", "Fixture installation", "Spa-like upgrades"],
},
{
id: "2",
label: "Repairs",
title: "Emergency Repairs",
items: [
"24/7 Rapid response",
"Leak identification",
"Urgent fixes",
],
id: "2", label: "Repairs", title: "Emergency Repairs", items: [
"24/7 Rapid response", "Leak identification", "Urgent fixes"],
},
{
id: "3",
label: "Home Services",
title: "Whole-Home Plumbing",
items: [
"New construction",
"Remodeling projects",
"Pipe upgrades",
],
},
{
id: "4",
label: "Gas Lines",
title: "Gas Line Installations",
items: [
"Safe installation",
"Professional inspection",
"Compliance checks",
],
},
{
id: "5",
label: "Diagnostics",
title: "Leak Detection",
items: [
"Advanced diagnostics",
"Non-invasive detection",
"Prompt repair",
],
},
{
id: "6",
label: "Heaters",
title: "Water Heater Specialists",
items: [
"Same-day install",
"Tankless upgrades",
"Efficiency servicing",
],
id: "3", label: "Home Services", title: "Whole-Home Plumbing", items: [
"New construction", "Remodeling projects", "Pipe upgrades"],
},
]}
title="OUR SIGNATURE SERVICES"
@@ -182,25 +113,11 @@ export default function LandingPage() {
author="Debbie Brandon"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-male-carpenter-talking-smartphone_23-2147944904.jpg",
alt: "Customer Sarah",
},
src: "http://img.b2bpic.net/free-photo/smiling-male-carpenter-talking-smartphone_23-2147944904.jpg", alt: "Customer Sarah"},
{
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg",
alt: "Customer Michael",
},
src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-looking-confident-pointing-with-index-fingers-down-self-satisfied_141793-28592.jpg", alt: "Customer Michael"},
{
src: "http://img.b2bpic.net/free-photo/african-american-mechanic-using-touchpad-while-working-computer-repair-shop_637285-9396.jpg",
alt: "Customer Emily",
},
{
src: "http://img.b2bpic.net/free-photo/african-man-with-watermelon-head-fooling-grey-wall_176420-2535.jpg",
alt: "Customer David",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-male-carpenter-talking-smartphone_23-2147944904.jpg",
alt: "Customer Robert",
},
src: "http://img.b2bpic.net/free-photo/african-american-mechanic-using-touchpad-while-working-computer-repair-shop_637285-9396.jpg", alt: "Customer Emily"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -211,74 +128,40 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Need professional plumbing assistance? Contact us for a free estimate or emergency help."
buttons={[
{
text: "Call Now: (555) 123-AQUA",
href: "tel:5551232782",
},
text: "Call Now: (555) 123-AQUA", href: "tel:5551232782"},
{
text: "Request Free Estimate",
href: "#",
},
text: "Request Free Estimate", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterLogoEmphasis
logoText="AQUA Plumbing"
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#services",
},
{
label: "Reviews",
href: "#reviews",
},
],
{ label: "Home", href: "#hero" },
{ label: "Services", href: "#services" },
{ label: "Reviews", href: "#reviews" },
{ label: "Contact", href: "#contact" },
]
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Emergency Support",
href: "tel:5551232782",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ label: "Emergency Support", href: "tel:5551232782" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
]
}
]}
bottomLeftText="© 2024 AQUA Plumbing Services."
bottomRightText="All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #FFFFFF;
--card: #F9F9F9;
--foreground: #1E3A8A;
--primary-cta: #3B82F6;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #FFFFFF;
--secondary-cta: #FFFFFF;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #1E3A8A;
--accent: #F59E0B;
--background-accent: #64748B;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);