Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 3427d75c85 | |||
|
0c18746f89 |
@@ -16,7 +16,7 @@
|
||||
--background-accent: #222222;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 0.5rem;
|
||||
--radius: 0rem;
|
||||
|
||||
/* @layout/content-width/medium */
|
||||
--width-content-width: clamp(40rem, 72.5vw, 100rem);
|
||||
|
||||
@@ -1,267 +1,36 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { AlertCircle, Clock, XCircle } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import ProblemSection from './HomePage/sections/Problem';
|
||||
import ProofSection from './HomePage/sections/Proof';
|
||||
import SystemSection from './HomePage/sections/System';
|
||||
import ResultsSection from './HomePage/sections/Results';
|
||||
import TestimonialSection from './HomePage/sections/Testimonial';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="SOCIAL MEDIA GROWTH"
|
||||
title="Your Business Deserves Clients. Instagram Is Where They're Hiding."
|
||||
description="Ayinde has helped 30 business owners generate 1M in revenue and 100M views using a proven client-getting system on Instagram—no viral tricks, no guesswork, just results."
|
||||
primaryButton={{
|
||||
text: "Book a Free Strategy Call",
|
||||
href: "https://stan.store/ayindeleconte",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Results",
|
||||
href: "#proof",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-girl-posing_1122-498.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149019986.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-looking-digital-tablet-standing-near-modern-chandelier_23-2147937512.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-holding-papers_23-2148452669.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="problem" data-section="problem">
|
||||
<SectionErrorBoundary name="problem">
|
||||
<FeaturesBorderGlow
|
||||
tag="THE STRUGGLE IS REAL"
|
||||
title="Are you wasting your potential?"
|
||||
description="Stop guessing and start converting with a system built for revenue, not just likes."
|
||||
features={[
|
||||
{
|
||||
icon: AlertCircle,
|
||||
title: "Posting Without Profit",
|
||||
description: "Consistently posting content that looks great but drives zero actual sales or leads for your business.",
|
||||
},
|
||||
{
|
||||
icon: XCircle,
|
||||
title: "No Lead Framework",
|
||||
description: "Missing a documented strategy to turn your followers into paying buyers consistently.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Content Burnout",
|
||||
description: "Wasting countless hours on creation that doesn't drive measurable revenue for your small business.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProblemSection />
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<SectionErrorBoundary name="proof">
|
||||
<SocialProofMarquee
|
||||
tag="PROVEN TRACK RECORD"
|
||||
title="As featured by industry leaders"
|
||||
description="Building sustainable growth for 30+ service and product-based business owners."
|
||||
names={[
|
||||
"GrowthCorp",
|
||||
"InnovateLabs",
|
||||
"ScaleUp Inc",
|
||||
"RevenueX",
|
||||
"MarketMate",
|
||||
"LeadEngine",
|
||||
"ImpactFlow",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProofSection />
|
||||
|
||||
<div id="system" data-section="system">
|
||||
<SectionErrorBoundary name="system">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="THE SYSTEM"
|
||||
title="Our 4-Phase Conversion Framework"
|
||||
description="The precise steps used to build 1M revenue and 100M views."
|
||||
items={[
|
||||
{
|
||||
title: "Audience Audit",
|
||||
description: "Identify where your ideal clients are hiding.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-abstract-fishbone-technology-diagram_23-2149006414.jpg",
|
||||
},
|
||||
{
|
||||
title: "Content Strategy",
|
||||
description: "Systematic creation that drives traffic.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-infographic-template_23-2149563920.jpg",
|
||||
},
|
||||
{
|
||||
title: "Conversion Funnel",
|
||||
description: "Turning followers into qualified leads.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-showing-evolution-company_1134-301.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lead Optimization",
|
||||
description: "Refining processes for higher conversion.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-statistics-presentation-with-chart-arrows_23-2149023776.jpg",
|
||||
},
|
||||
{
|
||||
title: "Direct Messaging",
|
||||
description: "High-conversion scripts for sales.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-167084.jpg",
|
||||
},
|
||||
{
|
||||
title: "Scaling Routine",
|
||||
description: "Sustainable growth maintenance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-with-steps_23-2148039282.jpg",
|
||||
},
|
||||
{
|
||||
title: "Revenue Tracking",
|
||||
description: "Tracking ROI on every post.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-process-infographic-template_23-2149018191.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<SystemSection />
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<SectionErrorBoundary name="results">
|
||||
<MetricsFeatureCards
|
||||
tag="REAL IMPACT"
|
||||
title="Numbers That Actually Matter"
|
||||
description="We don't focus on vanity metrics; we focus on business growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "$1M+",
|
||||
title: "Client Revenue Generated",
|
||||
features: [
|
||||
"Proven tracking systems",
|
||||
"High-ticket focus",
|
||||
"Recurring revenue model",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "100M+",
|
||||
title: "Total Views Achieved",
|
||||
features: [
|
||||
"Algorithmic authority",
|
||||
"Viral potential",
|
||||
"Niche targeting",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "30+",
|
||||
title: "Business Owners Scaled",
|
||||
features: [
|
||||
"Service-based focus",
|
||||
"E-commerce strategy",
|
||||
"Customized consulting",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ResultsSection />
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialTrustCard
|
||||
quote="Working with Ayinde turned our Instagram from a glorified hobby into our primary lead-generation channel. We hit 10k in sales in our first month using his system."
|
||||
rating={5}
|
||||
author="Sarah Miller, Founder of Elite Boutique"
|
||||
avatars={[
|
||||
{
|
||||
name: "Client 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Q&A"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions from business owners looking to scale."
|
||||
items={[
|
||||
{
|
||||
question: "What businesses do you help?",
|
||||
answer: "Primarily service-based and product-based business owners with 500-5000 followers.",
|
||||
},
|
||||
{
|
||||
question: "Is this a done-for-you service?",
|
||||
answer: "I provide the strategy, framework, and direct access so you learn to run the system yourself.",
|
||||
},
|
||||
{
|
||||
question: "Do I need a huge budget?",
|
||||
answer: "No, the system is designed for small business owners who are tired of DIY but aren't ready for expensive agency fees.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="BOOK YOUR CALL"
|
||||
text="Ready to turn your followers into paying clients?"
|
||||
primaryButton={{
|
||||
text: "Book a Free Strategy Call",
|
||||
href: "https://stan.store/ayindeleconte",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Message Ayinde",
|
||||
href: "mailto:hello@ayinde.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -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 (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="BOOK YOUR CALL"
|
||||
text="Ready to turn your followers into paying clients?"
|
||||
primaryButton={{
|
||||
text: "Book a Free Strategy Call",
|
||||
href: "https://stan.store/ayindeleconte",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Message Ayinde",
|
||||
href: "mailto:hello@ayinde.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Faq.tsx
Normal file
35
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -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 (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Q&A"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions from business owners looking to scale."
|
||||
items={[
|
||||
{
|
||||
question: "What businesses do you help?",
|
||||
answer: "Primarily service-based and product-based business owners with 500-5000 followers.",
|
||||
},
|
||||
{
|
||||
question: "Is this a done-for-you service?",
|
||||
answer: "I provide the strategy, framework, and direct access so you learn to run the system yourself.",
|
||||
},
|
||||
{
|
||||
question: "Do I need a huge budget?",
|
||||
answer: "No, the system is designed for small business owners who are tired of DIY but aren't ready for expensive agency fees.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Hero.tsx
Normal file
48
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
// 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 HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="SOCIAL MEDIA GROWTH"
|
||||
title="Your Business Deserves Clients. Instagram Is Where They're Hiding."
|
||||
description="Ayinde has helped 30 business owners generate 1M in revenue and 100M views using a proven client-getting system on Instagram—no viral tricks, no guesswork, just results."
|
||||
primaryButton={{
|
||||
text: "Book a Free Strategy Call",
|
||||
href: "https://stan.store/ayindeleconte",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Results",
|
||||
href: "#proof",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-girl-posing_1122-498.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149019986.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-looking-digital-tablet-standing-near-modern-chandelier_23-2147937512.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-holding-papers_23-2148452669.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Problem.tsx
Normal file
38
src/pages/HomePage/sections/Problem.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "problem" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
|
||||
import { AlertCircle, Clock, XCircle } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProblemSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="problem" data-section="problem">
|
||||
<SectionErrorBoundary name="problem">
|
||||
<FeaturesBorderGlow
|
||||
tag="THE STRUGGLE IS REAL"
|
||||
title="Are you wasting your potential?"
|
||||
description="Stop guessing and start converting with a system built for revenue, not just likes."
|
||||
features={[
|
||||
{
|
||||
icon: AlertCircle,
|
||||
title: "Posting Without Profit",
|
||||
description: "Consistently posting content that looks great but drives zero actual sales or leads for your business.",
|
||||
},
|
||||
{
|
||||
icon: XCircle,
|
||||
title: "No Lead Framework",
|
||||
description: "Missing a documented strategy to turn your followers into paying buyers consistently.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Content Burnout",
|
||||
description: "Wasting countless hours on creation that doesn't drive measurable revenue for your small business.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Proof.tsx
Normal file
29
src/pages/HomePage/sections/Proof.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="proof" data-section="proof">
|
||||
<SectionErrorBoundary name="proof">
|
||||
<SocialProofMarquee
|
||||
tag="PROVEN TRACK RECORD"
|
||||
title="As featured by industry leaders"
|
||||
description="Building sustainable growth for 30+ service and product-based business owners."
|
||||
names={[
|
||||
"GrowthCorp",
|
||||
"InnovateLabs",
|
||||
"ScaleUp Inc",
|
||||
"RevenueX",
|
||||
"MarketMate",
|
||||
"LeadEngine",
|
||||
"ImpactFlow",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Results.tsx
Normal file
49
src/pages/HomePage/sections/Results.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "results" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ResultsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="results" data-section="results">
|
||||
<SectionErrorBoundary name="results">
|
||||
<MetricsFeatureCards
|
||||
tag="REAL IMPACT"
|
||||
title="Numbers That Actually Matter"
|
||||
description="We don't focus on vanity metrics; we focus on business growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "$1M+",
|
||||
title: "Client Revenue Generated",
|
||||
features: [
|
||||
"Proven tracking systems",
|
||||
"High-ticket focus",
|
||||
"Recurring revenue model",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "100M+",
|
||||
title: "Total Views Achieved",
|
||||
features: [
|
||||
"Algorithmic authority",
|
||||
"Viral potential",
|
||||
"Niche targeting",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "30+",
|
||||
title: "Business Owners Scaled",
|
||||
features: [
|
||||
"Service-based focus",
|
||||
"E-commerce strategy",
|
||||
"Customized consulting",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/System.tsx
Normal file
64
src/pages/HomePage/sections/System.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "system" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SystemSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="system" data-section="system">
|
||||
<SectionErrorBoundary name="system">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="THE SYSTEM"
|
||||
title="Our 4-Phase Conversion Framework"
|
||||
description="The precise steps used to build 1M revenue and 100M views."
|
||||
items={[
|
||||
{
|
||||
title: "Audience Audit",
|
||||
description: "Identify where your ideal clients are hiding.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-abstract-fishbone-technology-diagram_23-2149006414.jpg",
|
||||
},
|
||||
{
|
||||
title: "Content Strategy",
|
||||
description: "Systematic creation that drives traffic.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-construction-infographic-template_23-2149563920.jpg",
|
||||
},
|
||||
{
|
||||
title: "Conversion Funnel",
|
||||
description: "Turning followers into qualified leads.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-showing-evolution-company_1134-301.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lead Optimization",
|
||||
description: "Refining processes for higher conversion.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-statistics-presentation-with-chart-arrows_23-2149023776.jpg",
|
||||
},
|
||||
{
|
||||
title: "Direct Messaging",
|
||||
description: "High-conversion scripts for sales.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-167084.jpg",
|
||||
},
|
||||
{
|
||||
title: "Scaling Routine",
|
||||
description: "Sustainable growth maintenance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-infographic-with-steps_23-2148039282.jpg",
|
||||
},
|
||||
{
|
||||
title: "Revenue Tracking",
|
||||
description: "Tracking ROI on every post.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-process-infographic-template_23-2149018191.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/Testimonial.tsx
Normal file
42
src/pages/HomePage/sections/Testimonial.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// 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 TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialTrustCard
|
||||
quote="Working with Ayinde turned our Instagram from a glorified hobby into our primary lead-generation channel. We hit 10k in sales in our first month using his system."
|
||||
rating={5}
|
||||
author="Sarah Miller, Founder of Elite Boutique"
|
||||
avatars={[
|
||||
{
|
||||
name: "Client 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user