Merge version_1 into main #2
@@ -25,37 +25,20 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mike's Plumbing"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Get a Free Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Need a quote? Give us a call or send a message."
|
||||
@@ -68,47 +51,19 @@ export default function LandingPage() {
|
||||
title="Service Guarantee"
|
||||
sections={[
|
||||
{
|
||||
heading: "Our Policy",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "We guarantee our workmanship for 12 months.",
|
||||
},
|
||||
},
|
||||
heading: "Our Policy", content: "We guarantee our workmanship for 12 months."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-caucasian-male-student-wearing-snapback-opening-door-his-white-four-wheel-drive-vehicle-looking-away-with-smile_273609-1585.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-caucasian-male-student-wearing-snapback-opening-door-his-white-four-wheel-drive-vehicle-looking-away-with-smile_273609-1585.jpg"
|
||||
logoText="Mike's Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
165
src/app/page.tsx
165
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Droplets, Thermometer, Shield } from "lucide-react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
@@ -28,66 +29,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mike's Plumbing"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Get a Free Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable Plumbing Services in Austin, TX"
|
||||
description="Mike's Plumbing provides fast, professional, and trustworthy plumbing solutions for your home and business. Call us at (512) 555-0100."
|
||||
tag="Trusted Local Plumbers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "/contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-cheerfully-sticking-out-tongue_141793-28640.jpg",
|
||||
imageAlt: "professional plumber smiling tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg",
|
||||
imageAlt: "plumbing repair work kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-points-camera-pink_141793-74591.jpg",
|
||||
imageAlt: "Pleased young male builder wearing uniform and safety helmet points at camera on pink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-handshakes-gesture-purple_141793-74804.jpg",
|
||||
imageAlt: "Pleased young male builder wearing uniform and safety helmet showing handshakes gesture on purple",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
imageAlt: "Man in shirt smiling and posing in the kitchen",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-cheerfully-sticking-out-tongue_141793-28640.jpg", imageAlt: "professional plumber smiling tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg", imageAlt: "plumbing repair work kitchen" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,30 +61,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "24/7 help for any urgent plumbing crisis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Clear clogs and maintain flow effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg",
|
||||
buttonIcon: "Droplets",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Expert repair and installation services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-filling-bottle-with-water_23-2148972907.jpg",
|
||||
buttonIcon: "Thermometer",
|
||||
},
|
||||
{
|
||||
title: "Full Pipe Inspection",
|
||||
description: "Advanced diagnostic tech for your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{ title: "Emergency Repairs", description: "24/7 help for any urgent plumbing crisis.", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23718.jpg", buttonIcon: Zap },
|
||||
{ title: "Drain Cleaning", description: "Clear clogs and maintain flow effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg", buttonIcon: Droplets },
|
||||
{ title: "Water Heaters", description: "Expert repair and installation services.", imageSrc: "http://img.b2bpic.net/free-photo/kid-filling-bottle-with-water_23-2148972907.jpg", buttonIcon: Thermometer },
|
||||
{ title: "Full Pipe Inspection", description: "Advanced diagnostic tech for your home.", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-53973.jpg", buttonIcon: Shield }
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From emergency repairs to system upgrades, we have you covered."
|
||||
@@ -136,46 +77,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Smith",
|
||||
handle: "@alicesmith",
|
||||
testimonial: "Mike fixed my sink within an hour. Fast and reliable!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Very professional and fair pricing. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Brown",
|
||||
handle: "@emmab",
|
||||
testimonial: "Best service in Austin. Will definitely call again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-modern-woman-girl-sitting-couch-using-digital-tablet-reading-ebook_1258-201983.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wilson",
|
||||
handle: "@dwilson",
|
||||
testimonial: "Great experience with the whole team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Clark",
|
||||
handle: "@sclark",
|
||||
testimonial: "Finally found a plumber I can trust.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-isolated-purple-background_141793-84945.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Smith", handle: "@alicesmith", testimonial: "Mike fixed my sink within an hour. Fast and reliable!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@johndoe", testimonial: "Very professional and fair pricing. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg" },
|
||||
{ id: "3", name: "Emma Brown", handle: "@emmab", testimonial: "Best service in Austin. Will definitely call again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-modern-woman-girl-sitting-couch-using-digital-tablet-reading-ebook_1258-201983.jpg" },
|
||||
{ id: "4", name: "David Wilson", handle: "@dwilson", testimonial: "Great experience with the whole team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
||||
{ id: "5", name: "Sophie Clark", handle: "@sclark", testimonial: "Finally found a plumber I can trust.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-isolated-purple-background_141793-84945.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Neighbors Say"
|
||||
@@ -184,46 +90,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog />
|
||||
<ProductCatalog layout="page" />
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "About Our Team" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-caucasian-male-student-wearing-snapback-opening-door-his-white-four-wheel-drive-vehicle-looking-away-with-smile_273609-1585.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-caucasian-male-student-wearing-snapback-opening-door-his-white-four-wheel-drive-vehicle-looking-away-with-smile_273609-1585.jpg"
|
||||
logoText="Mike's Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Search, Wrench, Home, AlertTriangle } from "lucide-react";
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -25,28 +26,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mike's Plumbing"
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Get a Free Quote", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,30 +41,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Identify hidden leaks fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg",
|
||||
buttonIcon: "Search",
|
||||
},
|
||||
{
|
||||
title: "System Upgrades",
|
||||
description: "Modernize your pipes and appliances.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work_23-2150697628.jpg",
|
||||
buttonIcon: "Wrench",
|
||||
},
|
||||
{
|
||||
title: "Full Bathroom Install",
|
||||
description: "Complete bathroom plumbing overhaul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg",
|
||||
buttonIcon: "Home",
|
||||
},
|
||||
{
|
||||
title: "Emergency Callouts",
|
||||
description: "Available 24/7 for urgent issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg",
|
||||
buttonIcon: "AlertTriangle",
|
||||
},
|
||||
{ title: "Leak Detection", description: "Identify hidden leaks fast.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746294.jpg", buttonIcon: Search },
|
||||
{ title: "System Upgrades", description: "Modernize your pipes and appliances.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work_23-2150697628.jpg", buttonIcon: Wrench },
|
||||
{ title: "Full Bathroom Install", description: "Complete bathroom plumbing overhaul.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg", buttonIcon: Home },
|
||||
{ title: "Emergency Callouts", description: "Available 24/7 for urgent issues.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg", buttonIcon: AlertTriangle }
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Comprehensive plumbing maintenance and repair."
|
||||
@@ -92,45 +58,18 @@ export default function LandingPage() {
|
||||
title="Trusted by the Austin Community"
|
||||
description="Partnering with the best brands and builders in Texas."
|
||||
names={[
|
||||
"Austin Construction Group",
|
||||
"Hill Country Homes",
|
||||
"Texas Pipe & Supply",
|
||||
"Reliable Realty",
|
||||
"Austin Construction Group", "Hill Country Homes", "Texas Pipe & Supply", "Reliable Realty"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-caucasian-male-student-wearing-snapback-opening-door-his-white-four-wheel-drive-vehicle-looking-away-with-smile_273609-1585.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-caucasian-male-student-wearing-snapback-opening-door-his-white-four-wheel-drive-vehicle-looking-away-with-smile_273609-1585.jpg"
|
||||
logoText="Mike's Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user