bender/ee2943d3-3ecc-4bc1-94b4-e0fb1b6cc43d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-29 20:46:25 +00:00
parent 0193364c2f c8fea2b307
commit ee6729356f
2 changed files with 39 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
src/app/page.tsx
View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
export default function LandingPage() {
return (
@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Services",
id: "#services",
},
name: "About", id: "#about"},
{
name: "About",
id: "#about",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="The Sons"
/>
@@ -48,211 +42,69 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Premium Plumbing Done Right the First Time"
description="Family-owned. Precision-driven. Trusted by homeowners who expect more."
buttons={[
{
text: "Request Service Now",
href: "#contact",
},
text: "Request Service Now", href: "#contact"},
{
text: "Call Now: (555) 123-4567",
href: "tel:5551234567",
},
text: "Call Now: (555) 123-4567", href: "tel:5551234567"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/professional-plumber-at-work-cinematic-l-1774815972984-ee460ab4.png"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png",
alt: "Satisfied client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973003-6b629430.png",
alt: "Satisfied client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973064-c550718e.png",
alt: "Satisfied client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972550-15078aec.png",
alt: "Satisfied client",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png",
alt: "Satisfied client",
},
]}
avatarText="Trusted by 500+ Local Families"
marqueeItems={[
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "24/7 Emergency Support",
},
{
type: "text",
text: "Transparent Pricing",
},
{
type: "text",
text: "Family Owned & Operated",
},
{
type: "text",
text: "Guaranteed Satisfaction",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
<InlineImageSplitTextAbout
heading={[{ type: 'text', content: 'Meet Phillip: A Legacy of Craftsmanship' }]}
useInvertedBackground={false}
title="A Family Legacy of Craftsmanship"
buttons={[
{
text: "Learn More",
href: "#about",
},
{ text: "Learn More", href: "#" }
]}
tag="About Us"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
<FeatureCardSix
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
title="Better Communication, Better Results"
description="We keep you informed from the first call to the final sign-off."
features={[
{
id: "f1",
title: "Precision Workmanship",
description: "We don’t cut corners—every job is done to last.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/detail-of-high-precision-wrench-on-pipe--1774815972971-f82d5d2a.png",
},
{
id: "f2",
title: "Family-Owned Values",
description: "Respect, honesty, and accountability in every visit.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/warm-family-oriented-shot-friendly-exper-1774815974419-58288b44.png",
},
{
id: "f3",
title: "Fast, Reliable Service",
description: "We show up on time—and we get it done right.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/clock-and-calendar-icon-digital-ui-desig-1774815974671-f15302f4.png",
},
{ id: 1, title: "Transparent Updates", description: "You'll always know exactly where we are in the process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/clock-and-calendar-icon-digital-ui-desig-1774815974671-f15302f4.png" },
{ id: 2, title: "Detailed Estimates", description: "No surprises—just clear, upfront pricing every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/detail-of-high-precision-wrench-on-pipe--1774815972971-f82d5d2a.png" }
]}
title="Not Your Average Plumbing Company"
description="Excellence in every interaction."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
<TestimonialCardSixteen
title="Highlights from Our Community"
description="Real feedback from neighbors who trust our family."
useInvertedBackground={true}
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
kpiItems={[{ label: "Jobs Done", value: "500+" }, { label: "Happy Families", value: "450+" }, { label: "Years Serving", value: "15+" }]}
testimonials={[
{
id: "1",
name: "Sarah M.",
handle: "Homeowner",
testimonial: "Professional, clean, and extremely reliable. Easily the best plumbing service I’ve used.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png?_wi=1",
},
{
id: "2",
name: "David R.",
handle: "Homeowner",
testimonial: "They treated my home like their own. That’s rare.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973003-6b629430.png",
},
{
id: "3",
name: "Jane D.",
handle: "Homeowner",
testimonial: "Exceptional service and communication throughout the process.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815973064-c550718e.png",
},
{
id: "4",
name: "Mike B.",
handle: "Homeowner",
testimonial: "Prompt and efficient. Will definitely call them again!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972550-15078aec.png",
},
{
id: "5",
name: "Elena P.",
handle: "Homeowner",
testimonial: "The only plumbers I trust for my kitchen remodels. Flawless work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png?_wi=2",
},
{ id: "1", name: "Sarah M.", role: "Homeowner", company: "", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdPJRqIgg8ngXJ9CfoPA8RvgIz/portrait-of-a-happy-homeowner-warm-light-1774815972663-c16fad9f.png" }
]}
showRating={true}
title="Trusted by Homeowners"
description="See why our neighbors trust us with their homes."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Need Plumbing Help Today? Same-day service available. Limited slots—book now before we’re full."
buttons={[
{
text: "Schedule Now",
href: "#",
},
]}
<ContactCenter
tag="Book Your Slot"
title="Ready to Fix Your Plumbing?"
description="Phillip and his team are ready to help. Fill out the form below to get started."
background={{ variant: "gradient-bars" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "License #12345",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
]}
logoText="The Sons Plumbing Service"
/>
@@ -260,4 +112,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #fcfcfc;
--foreground: #0B1F3A;
--primary-cta: #C8A96A;
--background: #0a0c10;
--card: #151821;
--foreground: #e2e8f0;
--primary-cta: #d4af37;
--primary-cta-text: #111111;
--secondary-cta: #111111;
--secondary-cta: #1e3a8a;
--secondary-cta-text: #ffffff;
--accent: #e2e2e2;
--background-accent: #0B1F3A;
--accent: #c5a028;
--background-accent: #1a1e2a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);