From 5656671ace422e71822a1880bc97eadff6bfff58 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 21 Jun 2026 12:44:12 +0000 Subject: [PATCH] Bob AI: Added Instagram feed section to showcase daily bakes --- src/pages/HomePage.tsx | 234 ++---------------- src/pages/HomePage/sections/About.tsx | 18 ++ src/pages/HomePage/sections/Contact.tsx | 27 ++ src/pages/HomePage/sections/Hero.tsx | 28 +++ src/pages/HomePage/sections/InstagramFeed.tsx | 62 +++++ src/pages/HomePage/sections/Location.tsx | 40 +++ src/pages/HomePage/sections/Menu.tsx | 64 +++++ src/pages/HomePage/sections/Process.tsx | 43 ++++ src/pages/HomePage/sections/Reviews.tsx | 57 +++++ 9 files changed, 363 insertions(+), 210 deletions(-) create mode 100644 src/pages/HomePage/sections/About.tsx create mode 100644 src/pages/HomePage/sections/Contact.tsx create mode 100644 src/pages/HomePage/sections/Hero.tsx create mode 100644 src/pages/HomePage/sections/InstagramFeed.tsx create mode 100644 src/pages/HomePage/sections/Location.tsx create mode 100644 src/pages/HomePage/sections/Menu.tsx create mode 100644 src/pages/HomePage/sections/Process.tsx create mode 100644 src/pages/HomePage/sections/Reviews.tsx diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 3ae59da..cf60b65 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,221 +1,35 @@ -import AboutText from '@/components/sections/about/AboutText'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroBrand from '@/components/sections/hero/HeroBrand'; -import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; -import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards'; -import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; +// AUTO-GENERATED shell by per-section-migrate. +// Section bodies live in .//sections/.tsx. Edit the section +// files directly. Non-block content (wrappers, non-inlinable sections) is +// preserved inline; extracted section blocks become refs. -export default function HomePage() { +import React from 'react'; +import HeroSection from './HomePage/sections/Hero'; +import AboutSection from './HomePage/sections/About'; +import MenuSection from './HomePage/sections/Menu'; +import ReviewsSection from './HomePage/sections/Reviews'; +import ProcessSection from './HomePage/sections/Process'; +import LocationSection from './HomePage/sections/Location'; +import ContactSection from './HomePage/sections/Contact'; + + +import InstagramFeedSection from './HomePage/sections/InstagramFeed';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..f6e654c --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,18 @@ +// 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 AboutText from '@/components/sections/about/AboutText'; +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..84e26c7 --- /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/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..bcf5040 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,28 @@ +// 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 HeroBrand from '@/components/sections/hero/HeroBrand'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/InstagramFeed.tsx b/src/pages/HomePage/sections/InstagramFeed.tsx new file mode 100644 index 0000000..e1f7b7d --- /dev/null +++ b/src/pages/HomePage/sections/InstagramFeed.tsx @@ -0,0 +1,62 @@ +import { motion } from "motion/react" +import Button from "@/components/ui/Button" +import TextAnimation from "@/components/ui/TextAnimation" +import ScrollReveal from "@/components/ui/ScrollReveal" +import ImageOrVideo from "@/components/ui/ImageOrVideo" +import { Instagram } from "lucide-react" + +export default function InstagramFeed() { + const photos = [ + { src: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?auto=format&fit=crop&w=800&q=80", alt: "Custom Cakes" }, + { src: "https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=800&q=80", alt: "Pan Dulce" }, + { src: "https://images.unsplash.com/photo-1514517521153-1be72277b32f?auto=format&fit=crop&w=800&q=80", alt: "Chocolate Strawberries" }, + { src: "https://images.unsplash.com/photo-1551024601-bec78aea704b?auto=format&fit=crop&w=800&q=80", alt: "Mini Conchas" }, + { src: "https://images.unsplash.com/photo-1528975604071-b4dc52a2d18c?auto=format&fit=crop&w=800&q=80", alt: "Flan" }, + { src: "https://images.unsplash.com/photo-1606313564200-e75d5e30476c?auto=format&fit=crop&w=800&q=80", alt: "Brownies" }, + ] + + return ( +
+
+
+ +
+ +
+
+ + +

+ Follow us on Instagram for daily updates, behind-the-scenes, and our latest custom creations. +

+
+ +
+ {photos.map((photo, idx) => ( + + +
+ +
+
+ ))} +
+
+
+ ) +} \ No newline at end of file diff --git a/src/pages/HomePage/sections/Location.tsx b/src/pages/HomePage/sections/Location.tsx new file mode 100644 index 0000000..7b7ef5b --- /dev/null +++ b/src/pages/HomePage/sections/Location.tsx @@ -0,0 +1,40 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "location" section. + +import React from 'react'; +import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function LocationSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Menu.tsx b/src/pages/HomePage/sections/Menu.tsx new file mode 100644 index 0000000..62a9430 --- /dev/null +++ b/src/pages/HomePage/sections/Menu.tsx @@ -0,0 +1,64 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "menu" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MenuSection(): React.JSX.Element { + return ( + + ); +} diff --git a/src/pages/HomePage/sections/Process.tsx b/src/pages/HomePage/sections/Process.tsx new file mode 100644 index 0000000..f6a2124 --- /dev/null +++ b/src/pages/HomePage/sections/Process.tsx @@ -0,0 +1,43 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "process" section. + +import React from 'react'; +import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ProcessSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Reviews.tsx b/src/pages/HomePage/sections/Reviews.tsx new file mode 100644 index 0000000..55aae5a --- /dev/null +++ b/src/pages/HomePage/sections/Reviews.tsx @@ -0,0 +1,57 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "reviews" section. + +import React from 'react'; +import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ReviewsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +}