diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..d62c96a --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,183 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroOverlay from '@/components/sections/hero/HeroOverlay'; +import AboutMetric from '@/components/sections/about/AboutMetric'; +import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; +import TeamCardEleven from '@/components/sections/team/TeamCardEleven'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Award, CheckCircle, Users, Clock, Zap, Phone, Mail, MapPin, Target, Lightbulb, Heart } from 'lucide-react'; + +export default function AboutPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+
+ +
+
+ +
+ +
+ + + + ); +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..cf9c2bd --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,163 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroOverlay from '@/components/sections/hero/HeroOverlay'; +import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Phone, Mail, MapPin, Clock, AlertCircle, CheckCircle } from 'lucide-react'; + +export default function ContactPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ +
+ + + + ); +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index bd04bd0..2955c85 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -5,7 +5,8 @@ import "./globals.css"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { - title: "ProServe Plumbing - Trusted Plumbing Services", description: "Professional plumbing solutions for residential and commercial properties. Licensed, insured, and available for emergency service."}; + title: "ProServe Plumbing - Trusted Plumbing Services", description: "Professional plumbing solutions for residential and commercial properties. Licensed, insured, and available for emergency service." +}; export default function RootLayout({ children, diff --git a/src/app/page.tsx b/src/app/page.tsx index 56b14a9..7958f75 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,7 +32,8 @@ export default function LandingPage() { { name: "Services", id: "services" }, { name: "Why Us", id: "why-us" }, { name: "Testimonials", id: "testimonials" }, - { name: "Contact", id: "contact" } + { name: "About", id: "/about" }, + { name: "Contact", id: "/contact" } ]} button={{ text: "Call Now", href: "tel:+1-555-0123" @@ -51,7 +52,7 @@ export default function LandingPage() { background={{ variant: "plain" }} buttons={[ { text: "Call Now", href: "tel:+1-555-0123" }, - { text: "Get Free Quote", href: "#contact" } + { text: "Get Free Quote", href: "/contact" } ]} buttonAnimation="slide-up" mediaItems={[ diff --git a/src/app/services/installation/page.tsx b/src/app/services/installation/page.tsx new file mode 100644 index 0000000..b42d2c0 --- /dev/null +++ b/src/app/services/installation/page.tsx @@ -0,0 +1,163 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; +import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Phone, Mail, MapPin, Zap, CheckCircle, Award } from 'lucide-react'; + +export default function InstallationServicePage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/services/maintenance/page.tsx b/src/app/services/maintenance/page.tsx new file mode 100644 index 0000000..502688c --- /dev/null +++ b/src/app/services/maintenance/page.tsx @@ -0,0 +1,166 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; +import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Phone, Mail, MapPin, Shield, Zap, Clock } from 'lucide-react'; + +export default function MaintenanceServicePage() { + return ( + + + +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx new file mode 100644 index 0000000..8fb9f40 --- /dev/null +++ b/src/app/services/page.tsx @@ -0,0 +1,188 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; +import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { MapPin, Phone, Mail, Wrench, Zap, ArrowRight } from 'lucide-react'; + +export default function ServicesPage() { + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} diff --git a/src/app/services/repair/page.tsx b/src/app/services/repair/page.tsx new file mode 100644 index 0000000..762f606 --- /dev/null +++ b/src/app/services/repair/page.tsx @@ -0,0 +1,163 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; +import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; +import FooterCard from '@/components/sections/footer/FooterCard'; +import { Phone, Mail, MapPin, Wrench, Clock, Shield } from 'lucide-react'; + +export default function RepairServicePage() { + return ( + + + +
+ +
+ +
+ +
+ +
+
+ +
+ +
+ + + + ); +} diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 676c0e8..6219701 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f7f6f7; - --card: #ffffff; - --foreground: #0c1325; - --primary-cta: #0798ff; + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000612e6; + --primary-cta: #15479c; --primary-cta-text: #f7f6f7; - --secondary-cta: #ffffff; + --secondary-cta: #ff8c42; --secondary-cta-text: #0c1325; - --accent: #93c7ff; - --background-accent: #a8cde8; + --accent: #0a7039; + --background-accent: #e2e2e2; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);