5 Commits

Author SHA1 Message Date
6f207ea9e2 Update src/app/quote/page.tsx 2026-03-12 20:59:58 +00:00
80b52edc92 Update src/app/page.tsx 2026-03-12 20:59:58 +00:00
75d5d80960 Add src/app/quote/page.tsx 2026-03-12 20:59:33 +00:00
450a1df7a5 Update src/app/page.tsx 2026-03-12 20:59:32 +00:00
14c8dfd50e Merge version_1 into main
Merge version_1 into main
2026-03-12 20:36:52 +00:00
2 changed files with 103 additions and 2 deletions

View File

@@ -31,6 +31,7 @@ export default function LandingPage() {
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Get Quote", id: "quote" },
{ name: "Contact", id: "contact" }
]}
brandName="Magaly Reyes"
@@ -51,14 +52,14 @@ export default function LandingPage() {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11342.jpg", imageAlt: "professional residential cleaning service sparkle"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-cleaning_23-2148394869.jpg", imageAlt: "cleaning team professional uniforms ready"
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-cleaning_23-2148394869.jpg?_wi=1", imageAlt: "cleaning team professional uniforms ready"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door_23-2150562119.jpg", imageAlt: "house cleaning service detailed attention"
}
]}
buttons={[
{ text: "Book a Service", href: "contact" },
{ text: "Book a Service", href: "/quote" },
{ text: "Learn More", href: "services" }
]}
mediaAnimation="slide-up"

100
src/app/quote/page.tsx Normal file
View File

@@ -0,0 +1,100 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function QuotePage() {
const handleQuoteSubmit = (data: Record<string, string>) => {
console.log('Quote request submitted:', data);
// Send email or store in database
};
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Get Quote", id: "quote" },
{ name: "Contact", id: "contact" }
]}
brandName="Magaly Reyes"
bottomLeftText="Professional Cleaning Services"
bottomRightText="reyeslopezmagalys@gmail.com"
/>
</div>
<div id="quote" data-section="quote">
<ContactSplitForm
title="Request Your Free Quote"
description="Tell us about your cleaning needs and we'll provide a personalized quote. Fill out the form below with your property details and preferred service type."
inputs={[
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "serviceType", type: "text", placeholder: "Service Type (Residential/Commercial/Deep Cleaning)", required: true },
{ name: "propertySize", type: "text", placeholder: "Property Size (e.g., 2BR/1BA or 5000 sq ft)", required: true },
{ name: "frequency", type: "text", placeholder: "Desired Frequency (Weekly/Bi-weekly/Monthly/One-time)", required: true }
]}
textarea={{
name: "additionalDetails", placeholder: "Tell us more about your cleaning needs, specific areas, or any special requests...", rows: 6,
required: false
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-young-woman-cleaning_23-2148394869.jpg?_wi=2"
imageAlt="Professional cleaning service"
mediaAnimation="blur-reveal"
mediaPosition="right"
buttonText="Get Quote"
onSubmit={handleQuoteSubmit}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Magaly Reyes Cleaning"
columns={[
{
title: "Services", items: [
{ label: "Residential Cleaning", href: "/#services" },
{ label: "Commercial Cleaning", href: "/#services" },
{ label: "Deep Cleaning", href: "/#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/#about" },
{ label: "Testimonials", href: "/#testimonials" },
{ label: "Get Quote", href: "/quote" }
]
},
{
title: "Contact Info", items: [
{ label: "Phone: 856-777-6413", href: "tel:8567776413" },
{ label: "Phone: 351-244-7819", href: "tel:3512447819" },
{ label: "Email: reyeslopezmagalys@gmail.com", href: "mailto:reyeslopezmagalys@gmail.com" }
]
}
]}
copyrightText="© 2025 Magaly Reyes Cleaning Services. All rights reserved."
/>
</div>
</ThemeProvider>
);
}