Merge version_1 into main #1
@@ -46,19 +46,11 @@ export default function AboutPage() {
|
||||
tag="Our Story"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Started recently with no track record",
|
||||
"Limited experience in industry",
|
||||
"No customer testimonials",
|
||||
"Unclear qualifications",
|
||||
],
|
||||
"Started recently with no track record", "Limited experience in industry", "No customer testimonials", "Unclear qualifications"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"15+ years of proven expertise",
|
||||
"Thousands of satisfied customers",
|
||||
"Certified and licensed technicians",
|
||||
"Industry-leading reputation",
|
||||
],
|
||||
"15+ years of proven expertise", "Thousands of satisfied customers", "Certified and licensed technicians", "Industry-leading reputation"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -66,83 +58,21 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<file path="src/app/contact/page.tsx">
|
||||
<content><![CDATA[
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Request Quote", id: "/quote" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="FlowMaster Plumbing"
|
||||
bottomLeftText="Available 24/7"
|
||||
bottomRightText="1-800-PLUMBER"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have a plumbing issue? Need a consultation? Reach out to our team and we'll respond promptly to assist you."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
<div id="about-metrics" data-section="about-metrics">
|
||||
<MetricCardOne
|
||||
title="Our Impact"
|
||||
description="Trusted by thousands of satisfied customers across the region."
|
||||
tag="By The Numbers"
|
||||
metrics={[
|
||||
{ id: "1", value: "5000", title: "Happy Customers", description: "Satisfied homeowners and businesses served", icon: Users },
|
||||
{ id: "2", value: "10000", title: "Projects Completed", description: "Expert plumbing work delivered on time", icon: Wrench },
|
||||
{ id: "3", value: "15", title: "Years Experience", description: "Industry-leading expertise and reputation", icon: Award },
|
||||
{ id: "4", value: "24/7", title: "Emergency Service", description: "Always available when you need us most", icon: Clock },
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get in Touch"
|
||||
termsText="We respect your privacy and will only use your information to respond to your inquiry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCenter
|
||||
tag="Other Ways to Reach Us"
|
||||
title="24/7 Availability"
|
||||
description="Call us anytime for emergency plumbing services. Our team is always ready to help."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your phone"
|
||||
buttonText="Call Now"
|
||||
termsText="Emergency services available every day, every hour. We pride ourselves on quick response times."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-hours" data-section="contact-hours">
|
||||
<ContactCenter
|
||||
tag="Service Hours"
|
||||
title="When to Reach Us"
|
||||
description="While we're available 24/7, our standard response time for non-emergency calls is within 2 hours during business hours."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your service request"
|
||||
buttonText="Schedule Service"
|
||||
termsText="We offer same-day service for most plumbing needs when possible."
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
88
src/app/contact/page.tsx
Normal file
88
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,88 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Request Quote", id: "/quote" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="FlowMaster Plumbing"
|
||||
bottomLeftText="Available 24/7"
|
||||
bottomRightText="1-800-PLUMBER"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have a plumbing issue? Need a consultation? Reach out to our team and we'll respond promptly to assist you."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get in Touch"
|
||||
termsText="We respect your privacy and will only use your information to respond to your inquiry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCenter
|
||||
tag="Other Ways to Reach Us"
|
||||
title="24/7 Availability"
|
||||
description="Call us anytime for emergency plumbing services. Our team is always ready to help."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your phone"
|
||||
buttonText="Call Now"
|
||||
termsText="Emergency services available every day, every hour. We pride ourselves on quick response times."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-hours" data-section="contact-hours">
|
||||
<ContactCenter
|
||||
tag="Service Hours"
|
||||
title="When to Reach Us"
|
||||
description="While we're available 24/7, our standard response time for non-emergency calls is within 2 hours during business hours."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your service request"
|
||||
buttonText="Schedule Service"
|
||||
termsText="We offer same-day service for most plumbing needs when possible."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FlowMaster"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user