From 2f85a9d279ed3e03f3141b3ad27ef12dfac0d464 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 23 Jun 2026 19:45:41 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 184 +++++++++-------------------------------- 1 file changed, 37 insertions(+), 147 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index fa4f1bf..a5aff02 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -19,14 +19,10 @@ export default function HomePage() { title="Scaling Tech Innovation for California's Leaders." description="We drive growth through high-performance marketing strategies, precision data, and creative execution designed for the modern digital era." primaryButton={{ - text: "Start Project", - href: "#contact", - }} + text: "Start Project", href: "#contact"}} secondaryButton={{ - text: "View Portfolio", - href: "#portfolio", - }} - imageSrc="https://images.pexels.com/photos/6985260/pexels-photo-6985260.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&_wi=1" + text: "View Portfolio", href: "#portfolio"}} + imageSrc="https://images.pexels.com/photos/6985260/pexels-photo-6985260.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" /> @@ -39,60 +35,27 @@ export default function HomePage() { description="Everything you need to outpace the competition in the tech market." features={[ { - title: "Growth Strategy", - description: "Customized growth funnels built for rapid acquisition.", - bentoComponent: "info-card-marquee", - infoCards: [ + title: "Growth Strategy", description: "Customized growth funnels built for rapid acquisition.", bentoComponent: "info-card-marquee", infoCards: [ { - icon: Zap, - label: "Retention", - value: "24%", - }, + icon: "Zap", label: "Retention", value: "24%"}, { - icon: TrendingUp, - label: "ROI", - value: "4.2x", - }, + icon: "TrendingUp", label: "ROI", value: "4.2x"}, { - icon: Users, - label: "Leads", - value: "1.2k", - }, + icon: "Users", label: "Leads", value: "1.2k"}, ], - imageSrc: "https://images.pexels.com/photos/30965505/pexels-photo-30965505.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - imageAlt: "digital strategy icon blue", }, { - title: "Data Architecture", - description: "High-fidelity attribution and funnel tracking systems.", - bentoComponent: "animated-bar-chart", - imageSrc: "https://images.pexels.com/photos/6985260/pexels-photo-6985260.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&_wi=2", - imageAlt: "digital strategy icon blue", - }, + title: "Data Architecture", description: "High-fidelity attribution and funnel tracking systems.", bentoComponent: "animated-bar-chart"}, { - title: "Rapid Testing", - description: "Iterative experimentation to optimize your conversion pipeline.", - bentoComponent: "checklist-timeline", - heading: "Optimization Flow", - subheading: "Systematic process improvements", - checklistItems: [ + title: "Rapid Testing", description: "Iterative experimentation to optimize your conversion pipeline.", bentoComponent: "checklist-timeline", heading: "Optimization Flow", subheading: "Systematic process improvements", checklistItems: [ { - label: "Hypothesis", - detail: "Define data points", - }, + label: "Hypothesis", detail: "Define data points"}, { - label: "Execution", - detail: "Deploy changes", - }, + label: "Execution", detail: "Deploy changes"}, { - label: "Validation", - detail: "Analyze results", - }, + label: "Validation", detail: "Analyze results"}, ], - completedLabel: "Validated", - imageSrc: "https://images.pexels.com/photos/7876507/pexels-photo-7876507.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - imageAlt: "digital strategy icon blue", - }, + completedLabel: "Validated"}, ]} /> @@ -106,40 +69,19 @@ export default function HomePage() { description="Selected digital product launches and growth scaling campaigns." items={[ { - title: "FinTech Ecosystem", - description: "Scaling mobile onboarding flows.", - imageSrc: "https://images.pexels.com/photos/1181263/pexels-photo-1181263.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "FinTech Ecosystem", description: "Scaling mobile onboarding flows.", imageSrc: "https://images.pexels.com/photos/1181263/pexels-photo-1181263.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - title: "SaaS Platform UI", - description: "Enterprise dashboard transformation.", - imageSrc: "https://images.pexels.com/photos/8968807/pexels-photo-8968807.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "SaaS Platform UI", description: "Enterprise dashboard transformation.", imageSrc: "https://images.pexels.com/photos/8968807/pexels-photo-8968807.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - title: "E-Commerce Velocity", - description: "Full-funnel optimization.", - imageSrc: "https://images.pexels.com/photos/27141316/pexels-photo-27141316.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "E-Commerce Velocity", description: "Full-funnel optimization.", imageSrc: "https://images.pexels.com/photos/27141316/pexels-photo-27141316.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - title: "B2B Tech Portal", - description: "Integrated marketing hub.", - imageSrc: "https://images.pexels.com/photos/4274893/pexels-photo-4274893.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "B2B Tech Portal", description: "Integrated marketing hub.", imageSrc: "https://images.pexels.com/photos/4274893/pexels-photo-4274893.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - title: "AI Analytics App", - description: "Growth metric visualizer.", - imageSrc: "https://images.pexels.com/photos/16018142/pexels-photo-16018142.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "AI Analytics App", description: "Growth metric visualizer.", imageSrc: "https://images.pexels.com/photos/16018142/pexels-photo-16018142.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - title: "Cloud Hub Redesign", - description: "User experience overhaul.", - imageSrc: "https://images.pexels.com/photos/4007745/pexels-photo-4007745.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "Cloud Hub Redesign", description: "User experience overhaul.", imageSrc: "https://images.pexels.com/photos/4007745/pexels-photo-4007745.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - title: "Cybersecurity Portal", - description: "Secure growth infrastructure.", - imageSrc: "https://images.pexels.com/photos/8284721/pexels-photo-8284721.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + title: "Cybersecurity Portal", description: "Secure growth infrastructure.", imageSrc: "https://images.pexels.com/photos/8284721/pexels-photo-8284721.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, ]} /> @@ -153,31 +95,16 @@ export default function HomePage() { description="Driving measurable impact for our partners." metrics={[ { - value: "$50M+", - title: "Client Revenue Generated", - features: [ - "Aggressive scaling", - "Sustainable growth", - "Direct attribution", - ], + value: "$50M+", title: "Client Revenue Generated", features: [ + "Aggressive scaling", "Sustainable growth", "Direct attribution"], }, { - value: "300%", - title: "Average Funnel Lift", - features: [ - "UX optimization", - "Conversion tactics", - "Content velocity", - ], + value: "300%", title: "Average Funnel Lift", features: [ + "UX optimization", "Conversion tactics", "Content velocity"], }, { - value: "150+", - title: "Projects Completed", - features: [ - "Product launch", - "Brand identity", - "Go-to-market", - ], + value: "150+", title: "Projects Completed", features: [ + "Product launch", "Brand identity", "Go-to-market"], }, ]} /> @@ -192,35 +119,15 @@ export default function HomePage() { description="What our clients say about Zion Agency." testimonials={[ { - name: "Alex Rivet", - role: "CEO", - quote: "Zion transformed our lead acquisition process entirely.", - imageSrc: "https://images.pexels.com/photos/4098353/pexels-photo-4098353.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + name: "Alex Rivet", role: "CEO", quote: "Zion transformed our lead acquisition process entirely.", imageSrc: "https://images.pexels.com/photos/4098353/pexels-photo-4098353.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - name: "Sarah Chen", - role: "CMO", - quote: "Unparalleled data insights that changed our strategy.", - imageSrc: "https://images.pexels.com/photos/22046214/pexels-photo-22046214.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + name: "Sarah Chen", role: "CMO", quote: "Unparalleled data insights that changed our strategy.", imageSrc: "https://images.pexels.com/photos/22046214/pexels-photo-22046214.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - name: "Marcus Vane", - role: "Product Lead", - quote: "A truly tech-forward partner in everything they do.", - imageSrc: "https://images.pexels.com/photos/8123894/pexels-photo-8123894.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + name: "Marcus Vane", role: "Product Lead", quote: "A truly tech-forward partner in everything they do.", imageSrc: "https://images.pexels.com/photos/8123894/pexels-photo-8123894.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - name: "Elena Rodriguez", - role: "Founder", - quote: "The most professional agency in the California tech scene.", - imageSrc: "https://images.pexels.com/photos/18483772/pexels-photo-18483772.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + name: "Elena Rodriguez", role: "Founder", quote: "The most professional agency in the California tech scene.", imageSrc: "https://images.pexels.com/photos/18483772/pexels-photo-18483772.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, { - name: "Jordan P.", - role: "Director", - quote: "Growth goals shattered. Zion delivers every single time.", - imageSrc: "https://images.pexels.com/photos/12903176/pexels-photo-12903176.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + name: "Jordan P.", role: "Director", quote: "Growth goals shattered. Zion delivers every single time.", imageSrc: "https://images.pexels.com/photos/12903176/pexels-photo-12903176.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"}, ]} /> @@ -233,14 +140,7 @@ export default function HomePage() { title="Industry Leaders" description="Trusted by innovative startups and established market leaders." names={[ - "ZION", - "TECHFLOW", - "GROWTHLAB", - "CLOUDSET", - "MARKETIQ", - "AI-DASH", - "DATANODE", - ]} + "ZION", "TECHFLOW", "GROWTHLAB", "CLOUDSET", "MARKETIQ", "AI-DASH", "DATANODE"]} /> @@ -253,17 +153,11 @@ export default function HomePage() { description="Common questions about our partnership process." items={[ { - question: "What is your onboarding timeline?", - answer: "We align your growth goals within 14 days of kicking off.", - }, + question: "What is your onboarding timeline?", answer: "We align your growth goals within 14 days of kicking off."}, { - question: "Do you work with early-stage startups?", - answer: "Yes, we prioritize teams with product-market fit.", - }, + question: "Do you work with early-stage startups?", answer: "Yes, we prioritize teams with product-market fit."}, { - question: "How do you measure success?", - answer: "Through full-funnel attribution and clear KPIs.", - }, + question: "How do you measure success?", answer: "Through full-funnel attribution and clear KPIs."}, ]} imageSrc="https://images.pexels.com/photos/8424562/pexels-photo-8424562.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" /> @@ -276,13 +170,9 @@ export default function HomePage() { tag="INQUIRE" text="Ready to scale your market presence?" primaryButton={{ - text: "Schedule Discovery Call", - href: "#", - }} + text: "Schedule Discovery Call", href: "#"}} secondaryButton={{ - text: "Download Deck", - href: "#", - }} + text: "Download Deck", href: "#"}} />