diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index b2c3478..fd53f0f 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -16,9 +16,6 @@ export default function Layout() { { "name": "Projects", "href": "#projects" }, - { - "name": "Pricing", "href": "#pricing" - }, { "name": "Metrics", "href": "#metrics" }, @@ -38,7 +35,7 @@ export default function Layout() { logo="CrochetBuddy" logoImageSrc="http://img.b2bpic.net/free-photo/letter-made-from-gray-threads-isolated-top-view_169016-50643.jpg" ctaButton={{ - text: "Get Started", href: "#pricing"}} + text: "Get Started", href: "#guides"}} navItems={navItems} />
diff --git a/src/index.css b/src/index.css index 9c69059..49870d6 100644 --- a/src/index.css +++ b/src/index.css @@ -5,15 +5,15 @@ :root { /* @colorThemes/lightTheme/grayNavyBlue */ - --background: #f6f0e9; - --card: #efe7dd; - --foreground: #2b180a; - --primary-cta: #2b180a; - --primary-cta-text: #f6f0e9; - --secondary-cta: #efe7dd; - --secondary-cta-text: #2b180a; - --accent: #94877c; - --background-accent: #afa094; + --background: #ffffff; + --card: #f9f5f6; + --foreground: #4a1525; + --primary-cta: #722f37; + --primary-cta-text: #ffffff; + --secondary-cta: #f0e6e8; + --secondary-cta-text: #722f37; + --accent: #8c5e65; + --background-accent: #e6d9db; /* @layout/border-radius/rounded */ --radius: 1rem; diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 723b6e2..5bda8de 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,271 +1,31 @@ -import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion'; -import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento'; -import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards'; -import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos'; -import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards'; -import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards'; -import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards'; -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 GuidesSection from './HomePage/sections/Guides'; +import ProjectsSection from './HomePage/sections/Projects'; +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/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx new file mode 100644 index 0000000..a425738 --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,44 @@ +// 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/Guides.tsx b/src/pages/HomePage/sections/Guides.tsx new file mode 100644 index 0000000..6dc3343 --- /dev/null +++ b/src/pages/HomePage/sections/Guides.tsx @@ -0,0 +1,37 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "guides" section. + +import React from 'react'; +import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function GuidesSection(): 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..ca524af --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,38 @@ +// 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 HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos'; +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..3a33da8 --- /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/Projects.tsx b/src/pages/HomePage/sections/Projects.tsx new file mode 100644 index 0000000..ed176b6 --- /dev/null +++ b/src/pages/HomePage/sections/Projects.tsx @@ -0,0 +1,57 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "projects" section. + +import React from 'react'; +import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function ProjectsSection(): 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..c21fcde --- /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 ( +
+ + + +
+ ); +}