diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 0241e27..d9dac10 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -22,6 +22,14 @@ export default function Layout() {
+
+ + + + + + +
/sections/.tsx. Edit the section +// files directly. Non-block content (wrappers, non-inlinable sections) is +// preserved inline; extracted section blocks become refs. + import { StyleProvider } from "@/components/ui/StyleProvider"; import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot"; -import HeroOverlay from "@/components/sections/hero/HeroOverlay"; -import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit"; -import FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards"; -import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit"; -import FeaturesTimelineCards from "@/components/sections/features/FeaturesTimelineCards"; -import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards"; -import FaqSimple from "@/components/sections/faq/FaqSimple"; -import ContactCta from "@/components/sections/contact/ContactCta"; +import React from 'react'; +import HeroSection from './HomePage/sections/Hero'; +import AboutSection from './HomePage/sections/About'; +import ServicesSection from './HomePage/sections/Services'; +import WhyChooseSection from './HomePage/sections/WhyChoose'; +import HowItWorksSection from './HomePage/sections/HowItWorks'; +import TestimonialsSection from './HomePage/sections/Testimonials'; +import FaqSection from './HomePage/sections/Faq'; +import ContactSection from './HomePage/sections/Contact'; -export default function HomePage() { + +import WorkShowcaseSection from './HomePage/sections/WorkShowcase'; +import QuestionnaireSection from './HomePage/sections/Questionnaire';export default function HomePage(): React.JSX.Element { return ( -
- -
+ -
- -
+ -
-
+ -
- -
+ -
- -
+ + -
- -
+ -
- -
+ -
- -
+ + diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx new file mode 100644 index 0000000..cea686c --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,35 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "about" section. + +import React from 'react'; +import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit"; + +export default function AboutSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx new file mode 100644 index 0000000..f662520 --- /dev/null +++ b/src/pages/HomePage/sections/Contact.tsx @@ -0,0 +1,18 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "contact" section. + +import React from 'react'; +import ContactCta from "@/components/sections/contact/ContactCta"; + +export default function ContactSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx new file mode 100644 index 0000000..5660572 --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,40 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "faq" section. + +import React from 'react'; +import FaqSimple from "@/components/sections/faq/FaqSimple"; + +export default function FaqSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..23d6db5 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,29 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "hero" section. + +import React from 'react'; +import HeroOverlay from "@/components/sections/hero/HeroOverlay"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/HowItWorks.tsx b/src/pages/HomePage/sections/HowItWorks.tsx new file mode 100644 index 0000000..3ae7749 --- /dev/null +++ b/src/pages/HomePage/sections/HowItWorks.tsx @@ -0,0 +1,34 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "how-it-works" section. + +import React from 'react'; +import FeaturesTimelineCards from "@/components/sections/features/FeaturesTimelineCards"; + +export default function HowItWorksSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Questionnaire.tsx b/src/pages/HomePage/sections/Questionnaire.tsx new file mode 100644 index 0000000..d344af0 --- /dev/null +++ b/src/pages/HomePage/sections/Questionnaire.tsx @@ -0,0 +1,80 @@ +import { motion } from "motion/react" +import TextAnimation from "@/components/ui/TextAnimation" +import ScrollReveal from "@/components/ui/ScrollReveal" +import Tag from "@/components/ui/Tag" +import Input from "@/components/ui/Input" +import Textarea from "@/components/ui/Textarea" +import Button from "@/components/ui/Button" +import Card from "@/components/ui/Card" +import Label from "@/components/ui/Label" + +export default function Questionnaire() { + return ( +
+
+
+ + + + + +

+ Help us understand your HVAC needs by filling out this quick questionnaire. +

+ +
+ + + +
e.preventDefault()}> +
+ + +
+ +
+ + +
+ +
+ +