diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 2438317..d2e3951 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,246 +1,28 @@ -import AboutTextSplit from '@/components/sections/about/AboutTextSplit'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion'; -import FeaturesGridSplit from '@/components/sections/features/FeaturesGridSplit'; -import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento'; -import HeroBillboard from '@/components/sections/hero/HeroBillboard'; -import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; -import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards'; -import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; +// AUTO-GENERATED shell by per-section-migrate. +// Section bodies live in .//sections/.tsx. Edit the section +// files directly; this shell only fixes render order. -export default function HomePage() { +import React from 'react'; +import HomeSection from './HomePage/sections/Home'; +import AboutSection from './HomePage/sections/About'; +import ProductsSection from './HomePage/sections/Products'; +import ServicesSection from './HomePage/sections/Services'; +import TestimonialsSection from './HomePage/sections/Testimonials'; +import PartnersSection from './HomePage/sections/Partners'; +import FaqSection from './HomePage/sections/Faq'; +import ContactSection from './HomePage/sections/Contact'; + +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..c108c9e --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,22 @@ +// 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 AboutTextSplit from '@/components/sections/about/AboutTextSplit'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +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..20041a1 --- /dev/null +++ b/src/pages/HomePage/sections/Contact.tsx @@ -0,0 +1,27 @@ +// 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'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +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..27e747a --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,56 @@ +// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FaqSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Home.tsx b/src/pages/HomePage/sections/Home.tsx new file mode 100644 index 0000000..0f3babc --- /dev/null +++ b/src/pages/HomePage/sections/Home.tsx @@ -0,0 +1,28 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "home" section. + +import React from 'react'; +import HeroBillboard from '@/components/sections/hero/HeroBillboard'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HomeSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Partners.tsx b/src/pages/HomePage/sections/Partners.tsx new file mode 100644 index 0000000..c9098ca --- /dev/null +++ b/src/pages/HomePage/sections/Partners.tsx @@ -0,0 +1,29 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "partners" section. + +import React from 'react'; +import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function PartnersSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Products.tsx b/src/pages/HomePage/sections/Products.tsx new file mode 100644 index 0000000..aa9233c --- /dev/null +++ b/src/pages/HomePage/sections/Products.tsx @@ -0,0 +1,115 @@ +import React from 'react'; +import Button from "@/components/ui/Button"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import { Star } from "lucide-react"; +import { cls } from "@/lib/utils"; + +export default function ProductsSection(): React.JSX.Element { + const gridClasses = [ + "md:col-span-2", + "md:col-span-4", + "md:col-span-3", + "md:col-span-3", + "md:col-span-2", + "md:col-span-2", + "md:col-span-2", + ]; + + const staggerDelays = [ + 0, + 0.1, + 0, + 0.1, + 0, + 0.1, + 0.2, + ]; + + const items = [ + { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-bread-cloth_23-2148288069.jpg", href: "#", rating: 5 }, + { imageSrc: "http://img.b2bpic.net/free-photo/fresh-french-croissants-with-golden-crust-blue-wooden-board_114579-58902.jpg", href: "#", rating: 4 }, + { imageSrc: "http://img.b2bpic.net/free-photo/birthday-party-composition_23-2147654681.jpg", href: "#", rating: 5 }, + { imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-milk-with-chocolate-cookies-wooden-cutting-board_114579-62928.jpg", href: "#", rating: 4 }, + { imageSrc: "http://img.b2bpic.net/free-photo/delicious-plum-pie-with-chemex-coffee-ingredients-with-fabric-wooden-table-with-fabric_181624-18679.jpg", href: "#", rating: 5 }, + { imageSrc: "http://img.b2bpic.net/free-photo/assortment-pieces-cake_114579-30703.jpg", href: "#", rating: 3 }, + { imageSrc: "http://img.b2bpic.net/free-photo/three-piece-fresh-baguette-flour_114579-48928.jpg", href: "#", rating: 4 } + ]; + + return ( +
+
+
+
+
+

Our Delights

+
+ + + + +
+ +
+ {items.map((item, index) => { + const content = ( +
+ +
+
+ {[...Array(5)].map((_, i) => ( + + ))} +
+
+
+ ); + + return ( + + {item.href ? ( + + {content} + + ) : ( + content + )} + + ); + })} +
+
+
+
+ ); +} diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx new file mode 100644 index 0000000..c5b589a --- /dev/null +++ b/src/pages/HomePage/sections/Services.tsx @@ -0,0 +1,41 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "services" section. + +import React from 'react'; +import FeaturesGridSplit from '@/components/sections/features/FeaturesGridSplit'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ServicesSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx new file mode 100644 index 0000000..4642bef --- /dev/null +++ b/src/pages/HomePage/sections/Testimonials.tsx @@ -0,0 +1,58 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "testimonials" section. + +import React from 'react'; +import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function TestimonialsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +}