Merge version_2 into main #1
214
src/app/page.tsx
214
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Clock, Home, MapPin, ShieldCheck, Zap } from "lucide-react";
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Clock, Home, MapPin, ShieldCheck, Zap, Phone, Mail, Map } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,100 +29,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pasquarello Plumbing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:2155550101",
|
||||
}}
|
||||
text: "Call Now", href: "tel:2155550101"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Trusted Plumbing & Heating in South Philadelphia"
|
||||
description="Fast, reliable, and honest plumbing services for South Philly homeowners. From emergency repairs to heater installs, we show up on time and respect your budget."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2155550101",
|
||||
},
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:2155550101" },
|
||||
{ text: "Request Service", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53010.jpg"
|
||||
imageAlt="Professional plumbing service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/salesman-offers-advice-customer_482257-103450.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-her-hand_23-2147891268.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/salesman-offers-advice-customer_482257-103450.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-her-hand_23-2147891268.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="500+ Happy Local Customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Emergency Service",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same Day Service",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Experts",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "24/7 Emergency Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Family Owned", icon: Home },
|
||||
{ type: "text-icon", text: "Same Day Service", icon: Zap },
|
||||
{ type: "text-icon", text: "Local Experts", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,24 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Rapid response for burst pipes, leaks, and urgent drainage problems in South Philly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",
|
||||
imageAlt: "Emergency plumbing",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Expert installation and service for traditional and tankless water heating systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-collection_98292-2236.jpg",
|
||||
imageAlt: "Water heater service",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Effective solutions for stubborn clogs and slow drains to restore flow fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg",
|
||||
imageAlt: "Drain cleaning",
|
||||
},
|
||||
{ title: "Emergency Plumbing", description: "Rapid response for burst pipes, leaks, and urgent drainage problems in South Philly.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg", imageAlt: "Emergency plumbing" },
|
||||
{ title: "Water Heaters", description: "Expert installation and service for traditional and tankless water heating systems.", imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-flat-icons-collection_98292-2236.jpg", imageAlt: "Water heater service" },
|
||||
{ title: "Drain Cleaning", description: "Effective solutions for stubborn clogs and slow drains to restore flow fast.", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg", imageAlt: "Drain cleaning" },
|
||||
]}
|
||||
title="Professional Services We Provide"
|
||||
description="Comprehensive solutions for all your home plumbing and heating needs."
|
||||
@@ -158,97 +86,71 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "South Philly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-offers-advice-customer_482257-103450.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Resident",
|
||||
company: "South Philly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-her-hand_23-2147891268.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Homeowner",
|
||||
company: "South Philly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Property Manager",
|
||||
company: "Philadelphia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Resident",
|
||||
company: "South Philly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "October 2024", title: "Reliable Service!", quote: "They fixed my boiler in no time. Truly a local lifesaver.", tag: "Plumbing Repair", avatarSrc: "http://img.b2bpic.net/free-photo/salesman-offers-advice-customer_482257-103450.jpg" },
|
||||
{ id: "2", name: "Mike D.", date: "September 2024", title: "Best in Philly", quote: "Professional, clean, and honest. Can't recommend them enough.", tag: "Heater Install", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-her-hand_23-2147891268.jpg" },
|
||||
{ id: "3", name: "Elena R.", date: "August 2024", title: "Fast Response", quote: "Came within an hour for a major leak. Great experience.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by homeowners across South Philadelphia for quality and honesty."
|
||||
description="Trusted by neighbors across South Philly for quality work and integrity."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Partners & Community"
|
||||
description="We are proud to serve our local community and work with top-tier partners."
|
||||
useInvertedBackground={true}
|
||||
title="Local South Philly Credibility"
|
||||
description="Locally owned, community recognized, and fully insured for your peace of mind."
|
||||
names={[
|
||||
"South Philly Business Alliance",
|
||||
"Philly Home Improvement",
|
||||
"Local Plumbing Guild",
|
||||
"Neighborhood Safety Council",
|
||||
"Renovators Collective",
|
||||
"South Philly Business Alliance Member", "Licensed Master Plumber PA #12345", "A+ Rated on BBB", "Emergency 24/7 Support", "100% Satisfaction Guarantee"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="Need a Plumber Today?"
|
||||
description="Serving South Philadelphia with honesty and expertise. Give us a call or send a request, and we'll be there on time."
|
||||
description="Serving the heart of South Philadelphia. We offer transparent pricing and same-day service appointments."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-rhode-island-polygonal-mesh-line-map-flag-map_559531-11435.jpg"
|
||||
imageAlt="Service Area Map"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Submit Request"
|
||||
tag="Get in Touch"
|
||||
tag="Schedule Service"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="Pasquarello Plumbing"
|
||||
copyrightText="© 2025 Pasquarello Plumbing and Heating. Licensed & Insured."
|
||||
copyrightText="© 2025 Pasquarello Plumbing & Heating. All Rights Reserved."
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]},
|
||||
{ title: "Contact Us", items: [
|
||||
{ label: "(215) 555-0101", href: "tel:2155550101" },
|
||||
{ label: "info@pasquarelloplumbing.com", href: "mailto:info@pasquarelloplumbing.com" },
|
||||
{ label: "South Philadelphia, PA", href: "#" }
|
||||
]},
|
||||
{ title: "Service Area", items: [
|
||||
{ label: "Center City", href: "#" },
|
||||
{ label: "South Philly", href: "#" },
|
||||
{ label: "Bella Vista", href: "#" },
|
||||
{ label: "Passyunk", href: "#" }
|
||||
]}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user