Merge version_1 into main #3

Merged
bender merged 2 commits from version_1 into main 2026-03-25 05:19:29 +00:00
2 changed files with 231 additions and 473 deletions

View File

@@ -2,215 +2,118 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { Phone } from "lucide-react";
export default function LandingPage() {
export default function ContactPage() {
const navItems = [
{
name: "Home", id: "/"
},
{
name: "Services", id: "/services"
},
{
name: "About", id: "/about"
},
{
name: "Reviews", id: "/reviews"
},
{
name: "Contact", id: "/contact"
}
];
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
{
name: "Services",
id: "services",
href: "/services",
},
{
name: "About",
id: "about",
href: "/about",
},
{
name: "Reviews",
id: "reviews",
href: "/reviews",
},
{
name: "Contact",
id: "contact",
href: "/contact",
},
]}
brandName="Pettys Renovation"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={navItems}
brandName="Pettys Renovation"
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
useInvertedBackground={false}
title="Get Your Free Renovation Estimate"
description="Tell us about your project, and our team will get back to you promptly with a personalized quote and expert advice. Let's make your vision a reality!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
{
name: "projectType",
type: "text",
placeholder: "Type of Project (e.g., Kitchen, Bathroom)",
},
]}
textarea={{
name: "message",
placeholder: "Tell us more about your renovation needs...",
rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11342.jpg?_wi=3"
imageAlt="Modern kitchen interior with warm lighting"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Submit Request"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"
}}
tag="Get Started Today"
title="Request Your Free Estimate"
description="Ready to transform your home or business? Contact us for a no-obligation consultation and transparent estimate."
mediaAnimation="opacity"
inputPlaceholder="Your Email"
buttonText="Get Estimate"
termsText="By clicking Get Estimate you're confirming that you agree with our Terms and Conditions."
/>
</div>
<div id="contact-faq-direct" data-section="contact-faq-direct">
<ContactFaq
animationType="slide-up"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What happens after I submit my request?",
content: "A member of our team will review your submission and contact you within 24-48 business hours to discuss your project in more detail.",
},
{
id: "2",
title: "Is the initial estimate truly free?",
content: "Yes, our initial consultation and project estimate are completely free with no obligation.",
},
{
id: "3",
title: "How quickly can you start a project?",
content: "Project start times vary based on scope and current schedule, but we strive for efficient scheduling. We'll provide an estimated timeline during your consultation.",
},
]}
ctaTitle="Prefer to Speak with Us Directly?"
ctaDescription="Our team is available to answer your questions, provide immediate assistance, or schedule a direct consultation. Reach out today!"
ctaButton={{
text: "Call Us Now",
href: "tel:+1234567890",
}}
ctaIcon={Phone}
/>
</div>
<div id="contact-cta-final" data-section="contact-cta-final">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
tag="Your Dream Space Awaits"
title="Ready to See Your Vision Come to Life?"
description="Don't delay your perfect renovation any longer. Contact Pettys Renovation and let's start building something beautiful and functional together."
buttons={[
{
text: "Request a Consultation",
href: "/contact",
},
]}
/>
</div>
<div id="footer-contact" data-section="footer-contact">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Kitchen Remodel",
href: "/services",
},
{
label: "Bathroom Renovation",
href: "/services",
},
{
label: "Commercial Projects",
href: "/services",
},
{
label: "Accessibility Solutions",
href: "/services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Client Reviews",
href: "/reviews",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "/blog",
},
{
label: "FAQs",
href: "/faq",
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
]}
copyrightText="© 2024 Pettys Renovation. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home", href: "/"
},
{
label: "Services", href: "/services"
},
{
label: "About Us", href: "/about"
},
{
label: "Reviews", href: "/reviews"
}
]
},
{
items: [
{
label: "Kitchens", href: "/services#kitchens"
},
{
label: "Bathrooms", href: "/services#bathrooms"
},
{
label: "Basements", href: "/services#basements"
},
{
label: "Commercial", href: "/services#commercial"
}
]
},
{
items: [
{
label: "Contact", href: "/contact"
},
{
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service", href: "#"
}
]
}
]}
logoText="Pettys Renovation"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,286 +2,141 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Building, Home } from "lucide-react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function ReviewsPage() {
const navItems = [
{
name: "Home", id: "/"
},
{
name: "Services", id: "/services"
},
{
name: "About", id: "/about"
},
{
name: "Reviews", id: "/reviews"
},
{
name: "Contact", id: "/contact"
}
];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
{
name: "Services",
id: "services",
href: "/services",
},
{
name: "About",
id: "about",
href: "/about",
},
{
name: "Reviews",
id: "reviews",
href: "/reviews",
},
{
name: "Contact",
id: "contact",
href: "/contact",
},
]}
brandName="Pettys Renovation"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={navItems}
brandName="Pettys Renovation"
/>
</div>
<div id="client-voices-marquee" data-section="client-voices-marquee">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maria S.",
handle: "@MariaS_Homes",
testimonial: "Pettys Renovation exceeded all our expectations! Our kitchen remodel was flawless, on time, and within budget. Truly professional and attentive to every detail.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-pointing-direction_23-2148218580.jpg?_wi=3",
imageAlt: "Portrait of Maria S.",
},
{
id: "2",
name: "TechSolutions Inc.",
handle: "@TechSolutions",
testimonial: "For our office overhaul, Pettys Renovation delivered outstanding results. The new layout has boosted productivity and morale. Highly recommend their commercial services.",
icon: Building,
},
{
id: "3",
name: "Robert L.",
handle: "@RobertL_Designs",
testimonial: "The bathroom renovation is stunning! Every detail was perfect, from the tiling to the new fixtures. It feels like a luxury spa.",
imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-man-eyeglasses-modern-shirt-smiling-posing-with-woman-with-blonde-hair-light-clothes-red-orange_197531-19133.jpg?_wi=3",
imageAlt: "Portrait of Robert L.",
},
{
id: "4",
name: "GreenLeaf Cafe",
handle: "@GreenLeafCafe",
testimonial: "Our cafe's new look is fantastic, thanks to Pettys. They worked efficiently around our business hours and the finish is impeccable. Customers love it!",
icon: Coffee,
},
{
id: "5",
name: "Jessica T.",
handle: "@JessT_Reno",
testimonial: "We absolutely love our finished basement! Pettys Renovation transformed an unused space into a vibrant family room. Professional, friendly, and top-tier quality.",
imageSrc: "http://img.b2bpic.net/free-photo/people-watching-news-tv_23-2149718975.jpg?_wi=3",
imageAlt: "Portrait of Jessica T.",
},
{
id: "6",
name: "Urban Living Mgmt",
handle: "@UrbanLiving",
testimonial: "Our rental properties needed quick, high-quality updates. Pettys Renovation provided just that, making our units more appealing and ready for market sooner.",
icon: Home,
},
]}
title="What Our Clients Say About Us"
description="Hear directly from homeowners and businesses who have experienced the Pettys Renovation difference and transformed their spaces."
speed={50}
topMarqueeDirection="right"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah J.", role: "Homeowner", company: "Maple Ridge", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-pointing-direction_23-2148218580.jpg", imageAlt: "Portrait of Sarah J."
},
{
id: "2", name: "Michael T.", role: "Small Business Owner", company: "Downtown Cafe", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-man-eyeglasses-modern-shirt-smiling-posing-with-woman-with-blonde-hair-light-clothes-red-orange_197531-19133.jpg", imageAlt: "Portrait of Michael T."
},
{
id: "3", name: "Emily R.", role: "Residential Client", company: "Oakwood Estates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12865.jpg", imageAlt: "Portrait of Emily R."
},
{
id: "4", name: "David K.", role: "Property Manager", company: "City Holdings", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-watching-news-tv_23-2149718975.jpg", imageAlt: "Portrait of David K."
}
]}
kpiItems={[
{
value: "15+", label: "Years in Business"
},
{
value: "200+", label: "Projects Completed"
},
{
value: "98%", label: "Client Satisfaction"
}
]}
title="Our Clients Speak For Us"
description="Hear directly from homeowners and businesses who trusted Pettys Renovation for their projects, celebrating our reliability and commitment."
/>
</div>
<div id="reviews-kpi" data-section="reviews-kpi">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex P.",
role: "Homeowner",
company: "Residential Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12865.jpg?_wi=3",
imageAlt: "Portrait of Alex P.",
},
{
id: "2",
name: "Sarah K.",
role: "Business Owner",
company: "Local Boutique",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-pointing-direction_23-2148218580.jpg?_wi=4",
imageAlt: "Portrait of Sarah K.",
},
{
id: "3",
name: "Mark R.",
role: "Property Manager",
company: "Rental Co.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-man-eyeglasses-modern-shirt-smiling-posing-with-woman-with-blonde-hair-light-clothes-red-orange_197531-19133.jpg?_wi=4",
imageAlt: "Portrait of Mark R.",
},
]}
kpiItems={[
{
value: "98%",
label: "Client Retention",
},
{
value: "1500+",
label: "Projects Completed",
},
{
value: "5-Star",
label: "Average Rating",
},
]}
title="Our Commitment to Your Satisfaction"
description="We don't just renovate spaces; we build relationships. Our dedication to honesty, reliability, and quality is reflected in our client feedback and measurable achievements."
/>
</div>
<div id="faqs-quality" data-section="faqs-quality">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What measures do you take to ensure quality?",
content: "We use premium materials, employ highly skilled craftsmen, and conduct rigorous quality checks at every stage of the project to ensure superior results.",
},
{
id: "2",
title: "Do you offer warranties on your work?",
content: "Yes, all our renovation projects come with a comprehensive warranty covering workmanship and materials for your peace of mind.",
},
{
id: "3",
title: "How do you handle unexpected issues during a renovation?",
content: "Our experienced team is adept at problem-solving. We communicate transparently with clients about any unforeseen challenges and provide viable solutions.",
},
{
id: "4",
title: "Can I see examples of your previous work?",
content: "Absolutely! We're proud of our portfolio. Please visit our website gallery or ask us for specific project examples during your consultation.",
},
]}
title="Frequently Asked Questions About Our Service Quality"
description="Find answers to common questions regarding our renovation process, quality assurance, and client satisfaction guarantees."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact-cta-reviews" data-section="contact-cta-reviews">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Ready for Your Own Success Story?"
title="Join Our Satisfied Client Family"
description="Let us add your dream renovation to our growing list of success stories. Contact Pettys Renovation for a personalized consultation today!"
buttons={[
{
text: "Schedule a Consultation",
href: "/contact",
},
]}
/>
</div>
<div id="footer-reviews" data-section="footer-reviews">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Kitchen Remodel",
href: "/services",
},
{
label: "Bathroom Renovation",
href: "/services",
},
{
label: "Commercial Projects",
href: "/services",
},
{
label: "Accessibility Solutions",
href: "/services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Client Reviews",
href: "/reviews",
},
{
label: "Contact Us",
href: "/contact",
},
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "/blog",
},
{
label: "FAQs",
href: "/faq",
},
{
label: "Privacy Policy",
href: "/privacy",
},
],
},
]}
copyrightText="© 2024 Pettys Renovation. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home", href: "/"
},
{
label: "Services", href: "/services"
},
{
label: "About Us", href: "/about"
},
{
label: "Reviews", href: "/reviews"
}
]
},
{
items: [
{
label: "Kitchens", href: "/services#kitchens"
},
{
label: "Bathrooms", href: "/services#bathrooms"
},
{
label: "Basements", href: "/services#basements"
},
{
label: "Commercial", href: "/services#commercial"
}
]
},
{
items: [
{
label: "Contact", href: "/contact"
},
{
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service", href: "#"
}
]
}
]}
logoText="Pettys Renovation"
/>
</div>
</ReactLenis>
</ThemeProvider>
);