diff --git a/src/index.css b/src/index.css index 4cdf2b8..a6c806f 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #f5faff; - --card: #ffffff; - --foreground: #001122; - --primary-cta: #15479c; - --primary-cta-text: #f5faff; - --secondary-cta: #ffffff; - --secondary-cta-text: #001122; - --accent: #a8cce8; - --background-accent: #7ba3cf; + --background: #030712; + --card: rgba(255, 255, 255, 0.03); + --foreground: #f9fafb; + --primary-cta: rgba(255, 255, 255, 0.1); + --primary-cta-text: #ffffff; + --secondary-cta: rgba(255, 255, 255, 0.02); + --secondary-cta-text: #9ca3af; + --accent: #38bdf8; + --background-accent: #0ea5e9; /* @layout/border-radius/rounded */ --radius: 0.5rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 21e4661..8a86063 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,276 +1,33 @@ -import FaqSimple from '@/components/sections/faq/FaqSimple'; -import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards'; -import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; -import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee'; -import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards'; -import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards'; -import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards'; -import { Lock, Shield, 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 RefillsSection from './HomePage/sections/Refills'; +import DeliverySection from './HomePage/sections/Delivery'; +import MetricsSection from './HomePage/sections/Metrics'; +import TestimonialsSection from './HomePage/sections/Testimonials'; +import FaqSection from './HomePage/sections/Faq'; + +export default function HomePage(): React.JSX.Element { return ( - <> -
- - - -
+<> + -
- - - -
+ -
- - - -
+ -
- - -
+ -
- - - -
+ -
- - - -
+ -
- - - -
+ ); } diff --git a/src/pages/HomePage/sections/Delivery.tsx b/src/pages/HomePage/sections/Delivery.tsx new file mode 100644 index 0000000..f73ef66 --- /dev/null +++ b/src/pages/HomePage/sections/Delivery.tsx @@ -0,0 +1,54 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "delivery" section. + +import React from 'react'; +import PricingSplitCards from '@/components/sections/pricing/PricingSplitCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function DeliverySection(): 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..bdc8f59 --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,38 @@ +// 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'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +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..7cc054e --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,44 @@ +// 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 HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee'; +import { Lock, Shield, Zap } from "lucide-react"; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function HeroSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx new file mode 100644 index 0000000..b17eb66 --- /dev/null +++ b/src/pages/HomePage/sections/Metrics.tsx @@ -0,0 +1,38 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "metrics" section. + +import React from 'react'; +import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MetricsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Refills.tsx b/src/pages/HomePage/sections/Refills.tsx new file mode 100644 index 0000000..7cf4f03 --- /dev/null +++ b/src/pages/HomePage/sections/Refills.tsx @@ -0,0 +1,64 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "refills" section. + +import React from 'react'; +import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function RefillsSection(): 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..985aeac --- /dev/null +++ b/src/pages/HomePage/sections/Services.tsx @@ -0,0 +1,37 @@ +// 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 FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards'; +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..caf0c6d --- /dev/null +++ b/src/pages/HomePage/sections/Testimonials.tsx @@ -0,0 +1,57 @@ +// 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 TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function TestimonialsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +}