diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index e6de2cd..d077af6 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,309 +1,39 @@ -import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit'; -import ContactCta from '@/components/sections/contact/ContactCta'; -import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; -import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards'; -import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee'; -import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; -import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards'; -import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; -import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards'; -import { BarChart, CheckCircle, Globe, Target, Users, 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 SocialProofSection from './HomePage/sections/SocialProof'; +import AboutSection from './HomePage/sections/About'; +import FeaturesSection from './HomePage/sections/Features'; +import PricingSection from './HomePage/sections/Pricing'; +import MetricsSection from './HomePage/sections/Metrics'; +import TestimonialsSection from './HomePage/sections/Testimonials'; +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..19cfa9f --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,108 @@ +/* eslint-disable */ +// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body +import { BarChart, Target, Users } from 'lucide-react'; +import type { LucideIcon } from "lucide-react"; +import Button from "@/components/ui/Button"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import { resolveIcon } from "@/utils/resolve-icon"; + +const items = [ + { + icon: BarChart, + title: "Precision Analytics", + description: "Deep-dive data analysis to optimize your campaigns in real-time." + }, + { + icon: Target, + title: "Strategic Targeting", + description: "Reach your perfect audience with highly tailored advertising." + }, + { + icon: Users, + title: "Dedicated Support", + description: "You get a senior strategist working on your account full-time." + } +]; + +type AboutFeaturesSplitProps = { + tag: string; + title: string; + description: string; + primaryButton?: { text: string; href: string }; + secondaryButton?: { text: string; href: string }; + items: { icon: string | LucideIcon; title: string; description: string }[]; +} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }); + +const AboutInline = () => { + return ( +
+
+
+
+

{"Our Expertise"}

+
+ + + + + + {(undefined || undefined) && ( +
+ {undefined &&
+ )} +
+ +
+
+ {items.map((item, index) => { + const ItemIcon = resolveIcon(item.icon); + return ( +
+
+
+ +
+

{item.title}

+

{item.description}

+
+ {index < items.length - 1 && ( +
+ )} +
+ ); + })} +
+ +
+
+ +
+
+
+
+
+ ); +}; + +export default function AboutSection() { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx new file mode 100644 index 0000000..aa75265 --- /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..6bee4fc --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,35 @@ +// 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function FaqSection(): 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..00ff0ec --- /dev/null +++ b/src/pages/HomePage/sections/Features.tsx @@ -0,0 +1,125 @@ +/* eslint-disable */ +// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body +import Button from "@/components/ui/Button"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import ScrollReveal from "@/components/ui/ScrollReveal"; + +const items = [ + { + title: "SEO Engine Optimization", + description: "Dominate search rankings with our proven algorithmic approach.", + tags: [ + "Growth", + "Analytics" + ], + imageSrc: "http://img.b2bpic.net/free-photo/analysis-model-flow-chart-icon_53876-167121.jpg" + }, + { + title: "Social Media Growth", + description: "Drive authentic engagement across all major platforms.", + tags: [ + "Social", + "Engagement" + ], + imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-skillful-people-using-digital-tablet-workplace_23-2147847545.jpg" + }, + { + title: "Content Strategy", + description: "Create compelling content that builds lasting brand authority.", + tags: [ + "Creative", + "Brand" + ], + imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749868.jpg" + } +]; + +type FeatureItem = { + title: string; + description: string; + tags: string[]; +} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }); + +interface FeaturesDetailedCardsProps { + tag: string; + title: string; + description: string; + primaryButton?: { text: string; href: string }; + secondaryButton?: { text: string; href: string }; + items: FeatureItem[]; +} + +const FeaturesInline = () => { + return ( +
+
+
+
+

{"Core Services"}

+
+ + + + + + {(undefined || undefined) && ( +
+ {undefined &&
+ )} +
+ +
+ {items.map((item) => ( + +
+

{item.title}

+ +
+
+ {item.tags.map((itemTag) => ( +
+

{itemTag}

+
+ ))} +
+

{item.description}

+
+
+ +
+ +
+ + ))} +
+
+
+ ); +}; + +export default function FeaturesSection() { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..81b6228 --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,118 @@ +/* eslint-disable */ +// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body +import { CheckCircle, Globe, Zap } from 'lucide-react'; +import type { LucideIcon } from "lucide-react"; + +import Button from "@/components/ui/Button"; +import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import AvatarGroup from "@/components/ui/AvatarGroup"; + +const primaryButton = { + text: "Book Strategy Call", + href: "#contact" +}; +const secondaryButton = { + text: "View Services", + href: "#features" +}; +const items = [ + { + text: "Proven ROI Tracking", + icon: CheckCircle + }, + { + text: "Global Reach", + icon: Globe + }, + { + text: "24/7 Support", + icon: Zap + } +]; + +type HeroOverlayMarqueeProps = { + tag: string; + title: string; + description: string; + primaryButton: { text: string; href: string }; + secondaryButton: { text: string; href: string }; + avatarsSrc?: string[]; + avatarsLabel?: string; + items: { text: string; icon: LucideIcon }[]; +} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }); + +const HeroInline = () => { + return ( +
+ + + +
+ ); +}; + +export default function HeroSection() { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Metrics.tsx b/src/pages/HomePage/sections/Metrics.tsx new file mode 100644 index 0000000..f6d8f94 --- /dev/null +++ b/src/pages/HomePage/sections/Metrics.tsx @@ -0,0 +1,40 @@ +// 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 MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function MetricsSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx new file mode 100644 index 0000000..9a093b9 --- /dev/null +++ b/src/pages/HomePage/sections/Pricing.tsx @@ -0,0 +1,69 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "pricing" section. + +import React from 'react'; +import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function PricingSection(): React.JSX.Element { + return ( +
+ + + +
+ ); +} diff --git a/src/pages/HomePage/sections/SocialProof.tsx b/src/pages/HomePage/sections/SocialProof.tsx new file mode 100644 index 0000000..efe2b64 --- /dev/null +++ b/src/pages/HomePage/sections/SocialProof.tsx @@ -0,0 +1,29 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "social-proof" section. + +import React from 'react'; +import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; +import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; + +export default function SocialProofSection(): 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..e9c2026 --- /dev/null +++ b/src/pages/HomePage/sections/Testimonials.tsx @@ -0,0 +1,108 @@ +/* eslint-disable */ +// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body +import Button from "@/components/ui/Button"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import GridOrCarousel from "@/components/ui/GridOrCarousel"; +import ScrollReveal from "@/components/ui/ScrollReveal"; + +const testimonials = [ + { + name: "Sarah Miller", + role: "CEO", + quote: "The team transformed our lead generation strategy entirely.", + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" + }, + { + name: "David Chen", + role: "CMO", + quote: "Incredible performance results from day one. Highly recommend.", + imageSrc: "http://img.b2bpic.net/free-photo/face-casual-manager-communication-man_1157-3672.jpg" + }, + { + name: "Emma Wilson", + role: "Founder", + quote: "Professional, data-driven, and truly creative visionaries.", + imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg" + }, + { + name: "Mark Roberts", + role: "Manager", + quote: "We've seen a consistent 50% increase in revenue month over month.", + imageSrc: "http://img.b2bpic.net/free-photo/young-designer-looking-some-prints-choose-best-one-agency-employee_482257-32975.jpg" + }, + { + name: "Julia Adams", + role: "Director", + quote: "Truly exceptional service and results that speak for themselves.", + imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-posing-office_176420-911.jpg" + } +]; + +type Testimonial = { + name: string; + role: string; + quote: string; +} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }); + +const TestimonialsInline = () => ( +
+
+
+
+

{"Client Voices"}

+
+ + + + + + {(undefined || undefined) && ( +
+ {undefined &&
+ )} +
+ + + + {testimonials.map((testimonial) => ( +
+
+ +
+ +
+ {testimonial.name} + {testimonial.role} +
+ +

{testimonial.quote}

+
+ ))} + + +
+
+); + +export default function TestimonialsSection() { + return ( +
+ +
+ ); +}