From ac9e0cdf557f70b01fb931e6356dc450509bcde1 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 02:48:47 +0000 Subject: [PATCH 1/2] Bob AI: Update global theme to dark mode with gold accents --- src/index.css | 16 +- src/pages/HomePage.tsx | 302 ++------------------ src/pages/HomePage/sections/Contact.tsx | 27 ++ src/pages/HomePage/sections/Features.tsx | 64 +++++ src/pages/HomePage/sections/Hero.tsx | 68 +++++ src/pages/HomePage/sections/Partners.tsx | 29 ++ src/pages/HomePage/sections/Performance.tsx | 38 +++ src/pages/HomePage/sections/Services.tsx | 40 +++ src/pages/HomePage/sections/Team.tsx | 37 +++ src/pages/HomePage/sections/Testimonial.tsx | 52 ++++ 10 files changed, 387 insertions(+), 286 deletions(-) create mode 100644 src/pages/HomePage/sections/Contact.tsx create mode 100644 src/pages/HomePage/sections/Features.tsx create mode 100644 src/pages/HomePage/sections/Hero.tsx create mode 100644 src/pages/HomePage/sections/Partners.tsx create mode 100644 src/pages/HomePage/sections/Performance.tsx create mode 100644 src/pages/HomePage/sections/Services.tsx create mode 100644 src/pages/HomePage/sections/Team.tsx create mode 100644 src/pages/HomePage/sections/Testimonial.tsx diff --git a/src/index.css b/src/index.css index 87a357e..c9fbe7d 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #ffffffe6; - --primary-cta: #e6e6e6; - --primary-cta-text: #0a0a0a; + --background: #050505; + --card: #111111; + --foreground: #ffffff; + --primary-cta: #d4af37; + --primary-cta-text: #000000; --secondary-cta: #1a1a1a; - --secondary-cta-text: #ffffffe6; - --accent: #737373; - --background-accent: #737373; + --secondary-cta-text: #d4af37; + --accent: #888888; + --background-accent: #111111; /* @layout/border-radius/rounded */ --radius: 1rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 4e93b5b..dae32b7 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,290 +1,36 @@ -import ContactCta from '@/components/sections/contact/ContactCta'; -import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee'; -import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards'; -import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; -import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards'; -import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards'; -import { Award, Star, Zap } from "lucide-react"; -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 ServicesSection from './HomePage/sections/Services'; +import FeaturesSection from './HomePage/sections/Features'; +import PerformanceSection from './HomePage/sections/Performance'; +import TeamSection from './HomePage/sections/Team'; +import TestimonialSection from './HomePage/sections/Testimonial'; +import PartnersSection from './HomePage/sections/Partners'; +import ContactSection from './HomePage/sections/Contact'; + +export default function HomePage(): 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..6dbb1c7 --- /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/Features.tsx b/src/pages/HomePage/sections/Features.tsx new file mode 100644 index 0000000..ba8ea5a --- /dev/null +++ b/src/pages/HomePage/sections/Features.tsx @@ -0,0 +1,64 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "features" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FeaturesSection(): 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..861161b --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,68 @@ +// 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 HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): 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..0600cb1 --- /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/Performance.tsx b/src/pages/HomePage/sections/Performance.tsx new file mode 100644 index 0000000..efa3527 --- /dev/null +++ b/src/pages/HomePage/sections/Performance.tsx @@ -0,0 +1,38 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "performance" section. + +import React from 'react'; +import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards'; +import { Award, Star, Zap } from "lucide-react"; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function PerformanceSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx new file mode 100644 index 0000000..aeec29d --- /dev/null +++ b/src/pages/HomePage/sections/Services.tsx @@ -0,0 +1,40 @@ +// 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 FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ServicesSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx new file mode 100644 index 0000000..73e1b58 --- /dev/null +++ b/src/pages/HomePage/sections/Team.tsx @@ -0,0 +1,37 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "team" section. + +import React from 'react'; +import TeamOverlayCards from '@/components/sections/team/TeamOverlayCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function TeamSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Testimonial.tsx b/src/pages/HomePage/sections/Testimonial.tsx new file mode 100644 index 0000000..53d5cac --- /dev/null +++ b/src/pages/HomePage/sections/Testimonial.tsx @@ -0,0 +1,52 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "testimonial" section. + +import React from 'react'; +import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function TestimonialSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} -- 2.49.1 From d953fa6939462cd522c31a5a32bce9f8cca6bd3d Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 02:49:24 +0000 Subject: [PATCH 2/2] Bob AI: Update images and layout to match luxury theme --- src/components/Layout.tsx | 2 +- src/pages/HomePage/sections/Features.tsx | 53 ++---------------- src/pages/HomePage/sections/Hero.tsx | 60 +++------------------ src/pages/HomePage/sections/Services.tsx | 29 ++-------- src/pages/HomePage/sections/Team.tsx | 26 ++------- src/pages/HomePage/sections/Testimonial.tsx | 41 ++------------ 6 files changed, 29 insertions(+), 182 deletions(-) diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 80408a8..ffda71c 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -38,7 +38,7 @@ export default function Layout() { ]; return ( - + + tag="WHY CHOOSE US" + title="The Detailer Advantage" + description="We treat every vehicle as a unique masterpiece, using only the industry's most advanced tools and premium materials." + items={[{"description":"Industry leading precision equipment.","imageSrc":"https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&q=80&w=800","title":"Premium Tools","href":"#"},{"imageSrc":"https://images.unsplash.com/photo-1583121274602-3e2820c69888?auto=format&fit=crop&q=80&w=800","description":"Flawless paint correction guaranteed.","title":"Mirror Finish","href":"#"},{"href":"#","title":"Expert Care","imageSrc":"https://images.unsplash.com/photo-1600705722908-bab1e61c0b4d?auto=format&fit=crop&q=80&w=800","description":"Professional artisan level craftsmanship."},{"href":"#","title":"Fast Turnaround","imageSrc":"https://images.unsplash.com/photo-1503376712341-ea1c9891f2a3?auto=format&fit=crop&q=80&w=800","description":"Efficient and reliable scheduling."},{"imageSrc":"https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&q=80&w=800","description":"Sustainable and safe products.","title":"Eco Friendly","href":"#"},{"title":"Mobile Options","imageSrc":"https://images.unsplash.com/photo-1603584173870-7f23fdae1b7a?auto=format&fit=crop&q=80&w=800","description":"We come to your convenience.","href":"#"},{"href":"#","description":"Top quality within reach.","imageSrc":"https://images.unsplash.com/photo-1502877338535-766e1452684a?auto=format&fit=crop&q=80&w=800","title":"Value Pricing"}]} + /> ); diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx index 861161b..3e8ea19 100644 --- a/src/pages/HomePage/sections/Hero.tsx +++ b/src/pages/HomePage/sections/Hero.tsx @@ -10,58 +10,14 @@ export default function HeroSection(): React.JSX.Element {
+ tag="PREMIUM LUXURY DETAILING" + title="Redefining Luxury Digital Experience" + description="Experience our elite detailing services designed for the most discerning car enthusiasts. We bring showroom condition back to your vehicle." + primaryButton={{"href":"#contact","text":"Book Your Detail"}} + secondaryButton={{"href":"#services","text":"View Our Services"}} + leftItems={[{"imageSrc":"https://images.unsplash.com/photo-1601362840469-51e4d8d58785?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1550355291-bbee04a92027?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1618843479313-40f8afb4b4d8?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1549317661-bd32c8ce0db2?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1583121274602-3e2820c69888?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1600705722908-bab1e61c0b4d?auto=format&fit=crop&q=80&w=800"}]} + rightItems={[{"imageSrc":"https://images.unsplash.com/photo-1503376712341-ea1c9891f2a3?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1603584173870-7f23fdae1b7a?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1502877338535-766e1452684a?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1542362567-b07e54358753?auto=format&fit=crop&q=80&w=800"},{"imageSrc":"https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&q=80&w=800"}]} + />
); diff --git a/src/pages/HomePage/sections/Services.tsx b/src/pages/HomePage/sections/Services.tsx index aeec29d..19a0296 100644 --- a/src/pages/HomePage/sections/Services.tsx +++ b/src/pages/HomePage/sections/Services.tsx @@ -10,30 +10,11 @@ export default function ServicesSection(): React.JSX.Element {
+ tag="OUR SERVICES" + title="Unmatched Detailing Excellence" + description="Explore our comprehensive suite of professional car care services, tailored for ultimate protection and aesthetic perfection." + items={[{"buttonIcon":"Zap","title":"Ceramic Coating","imageSrc":"https://images.unsplash.com/photo-1601362840469-51e4d8d58785?auto=format&fit=crop&q=80&w=800","description":"High-durability nano-ceramic protection layer."},{"description":"Full steam and shampoo restoration.","imageSrc":"https://images.unsplash.com/photo-1550355291-bbee04a92027?auto=format&fit=crop&q=80&w=800","title":"Interior Deep Clean","buttonIcon":"SprayCan"},{"buttonIcon":"Droplets","title":"Precision Hand Wash","description":"Gentle, scratch-free hand cleaning process.","imageSrc":"https://images.unsplash.com/photo-1618843479313-40f8afb4b4d8?auto=format&fit=crop&q=80&w=800"}]} + />
); diff --git a/src/pages/HomePage/sections/Team.tsx b/src/pages/HomePage/sections/Team.tsx index 73e1b58..31ae20a 100644 --- a/src/pages/HomePage/sections/Team.tsx +++ b/src/pages/HomePage/sections/Team.tsx @@ -10,27 +10,11 @@ export default function TeamSection(): React.JSX.Element {
+ tag="THE TEAM" + title="Craftsmanship at Every Level" + description="Our team of professionals is dedicated to achieving automotive perfection." + members={[{"imageSrc":"https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=800","role":"Head Detailer","name":"Mark Stevens"},{"name":"Sarah Miller","imageSrc":"https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=800","role":"Paint Specialist"},{"name":"Alex Reed","imageSrc":"https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&q=80&w=800","role":"Interior Expert"}]} + />
); diff --git a/src/pages/HomePage/sections/Testimonial.tsx b/src/pages/HomePage/sections/Testimonial.tsx index 53d5cac..829a6ed 100644 --- a/src/pages/HomePage/sections/Testimonial.tsx +++ b/src/pages/HomePage/sections/Testimonial.tsx @@ -10,42 +10,11 @@ export default function TestimonialSection(): React.JSX.Element {
+ tag="WHAT OUR CLIENTS SAY" + title="Luxury Clients Agree" + description="Read experiences from car owners who trust us with their automotive treasures." + testimonials={[{"role":"Collector","imageSrc":"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=800","name":"John Doe","quote":"The best detailing I have ever experienced."},{"role":"Business Owner","imageSrc":"https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=800","name":"Jane Smith","quote":"Remarkable attention to detail, my car looks new."},{"imageSrc":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=800","role":"Sports Enthusiast","quote":"They turned my old car back into a sports machine.","name":"Mike Ross"},{"role":"Luxury Owner","imageSrc":"https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=800","name":"Sarah Lee","quote":"Professional, efficient, and truly meticulous."},{"quote":"Exceptional service for my daily drive.","name":"David King","imageSrc":"https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&q=80&w=800","role":"Executive"}]} + />
); -- 2.49.1