Merge version_1_1776315696328 into main #1
328
src/App.tsx
328
src/App.tsx
@@ -9,216 +9,136 @@ import TestimonialMetricsCards from '@/components/sections/testimonial/Testimoni
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="BrokieAI"
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="BrokieAI"
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", href: "#features"},
|
||||
{
|
||||
name: "Pricing", href: "#pricing"},
|
||||
{
|
||||
name: "Contact", href: "#contact"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Revolutionary AI Opportunity"
|
||||
title="Turn Zero Into Growth With AI"
|
||||
description="Don't let your situation define your outcome. Leverage our AI-driven platform to identify, scale, and secure high-value opportunities designed for everyone."
|
||||
primaryButton={{
|
||||
text: "Start Earning Now",
|
||||
href: "#pricing",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "See How It Works",
|
||||
href: "#features",
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-futuristic-software-interface-for-ai-o-1776315718004-16f273d8.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Revolutionary AI Opportunity"
|
||||
title="Turn Zero Into Growth With AI"
|
||||
description="Don't let your situation define your outcome. Leverage our AI-driven platform to identify, scale, and secure high-value opportunities designed for everyone."
|
||||
primaryButton={{
|
||||
text: "Start Earning Now", href: "#pricing"}}
|
||||
secondaryButton={{
|
||||
text: "See How It Works", href: "#features"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-futuristic-software-interface-for-ai-o-1776315718004-16f273d8.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Platform Features"
|
||||
title="Built for Maximum Opportunity"
|
||||
description="Our AI continuously scans thousands of opportunities, matching them perfectly with your unique situation to help you build real wealth."
|
||||
items={[
|
||||
{
|
||||
title: "AI-Powered Scanning",
|
||||
description: "Automated scanning of markets, jobs, and digital assets to surface high-yield opportunities before the rest of the world sees them.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/an-ai-assistant-icon-hovering-over-finan-1776315726739-8eb18617.png",
|
||||
},
|
||||
{
|
||||
title: "Smart Matching Engine",
|
||||
description: "The system understands your current capabilities and automatically filters opportunities to maximize your success probability.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/an-automated-opportunity-search-interfac-1776315739993-8584bf92.png",
|
||||
},
|
||||
{
|
||||
title: "Scalable Growth Path",
|
||||
description: "From beginner to expert, get personalized advice on how to scale your earnings while utilizing advanced AI analytics tools.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/scalable-growth-metrics-represented-as-g-1776315749423-fc035a2a.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesRevealCards
|
||||
tag="Platform Features"
|
||||
title="Built for Maximum Opportunity"
|
||||
description="Our AI continuously scans thousands of opportunities, matching them perfectly with your unique situation to help you build real wealth."
|
||||
items={[
|
||||
{
|
||||
title: "AI-Powered Scanning", description: "Automated scanning of markets, jobs, and digital assets to surface high-yield opportunities before the rest of the world sees them.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/an-ai-assistant-icon-hovering-over-finan-1776315726739-8eb18617.png"},
|
||||
{
|
||||
title: "Smart Matching Engine", description: "The system understands your current capabilities and automatically filters opportunities to maximize your success probability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/an-automated-opportunity-search-interfac-1776315739993-8584bf92.png"},
|
||||
{
|
||||
title: "Scalable Growth Path", description: "From beginner to expert, get personalized advice on how to scale your earnings while utilizing advanced AI analytics tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/scalable-growth-metrics-represented-as-g-1776315749423-fc035a2a.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingHighlightedCards
|
||||
tag="Get Started"
|
||||
title="Plans That Fit Your Journey"
|
||||
description="Pick the tier that matches your current goal and let the AI do the heavy lifting."
|
||||
plans={[
|
||||
{
|
||||
tag: "Starter",
|
||||
price: "$0",
|
||||
description: "Perfect for testing the waters and learning the basics.",
|
||||
features: [
|
||||
"Daily opportunity alerts",
|
||||
"Basic AI guidance",
|
||||
"Access to community hub",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Growth",
|
||||
price: "$49",
|
||||
highlight: "Most Popular",
|
||||
description: "Scale your income with priority access and tools.",
|
||||
features: [
|
||||
"Instant AI alerts",
|
||||
"Advanced opportunity filters",
|
||||
"Priority platform access",
|
||||
"Full analytics suite",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Choose Growth",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Professional",
|
||||
price: "$199",
|
||||
description: "Full access to enterprise-grade AI opportunity matching.",
|
||||
features: [
|
||||
"1-on-1 strategy sessions",
|
||||
"Dedicated account manager",
|
||||
"Custom opportunity routing",
|
||||
"Early access to tools",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingHighlightedCards
|
||||
tag="Get Started"
|
||||
title="Plans That Fit Your Journey"
|
||||
description="Pick the tier that matches your current goal and let the AI do the heavy lifting."
|
||||
plans={[
|
||||
{
|
||||
tag: "Starter", price: "$0", description: "Perfect for testing the waters and learning the basics.", features: [
|
||||
"Daily opportunity alerts", "Basic AI guidance", "Access to community hub"],
|
||||
primaryButton: {
|
||||
text: "Get Started", href: "#contact"},
|
||||
},
|
||||
{
|
||||
tag: "Growth", price: "$49", highlight: "Most Popular", description: "Scale your income with priority access and tools.", features: [
|
||||
"Instant AI alerts", "Advanced opportunity filters", "Priority platform access", "Full analytics suite"],
|
||||
primaryButton: {
|
||||
text: "Choose Growth", href: "#contact"},
|
||||
},
|
||||
{
|
||||
tag: "Professional", price: "$199", description: "Full access to enterprise-grade AI opportunity matching.", features: [
|
||||
"1-on-1 strategy sessions", "Dedicated account manager", "Custom opportunity routing", "Early access to tools"],
|
||||
primaryButton: {
|
||||
text: "Go Pro", href: "#contact"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMetricsCards
|
||||
tag="Real Stories"
|
||||
title="Built for Real Results"
|
||||
description="Hear from the community members who have successfully pivoted using our AI platform."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
role: "Entrepreneur",
|
||||
company: "GrowthClub",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-portrait-of-a-young-entrepr-1776315759550-f3788fbf.png",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
role: "Digital Lead",
|
||||
company: "TechScale",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-portrait-of-a-young-woman-i-1776315770182-71525f7f.png",
|
||||
},
|
||||
{
|
||||
name: "Marcus J.",
|
||||
role: "Developer",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-software-engi-1776315780728-e811eca5.png",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
role: "Creative",
|
||||
company: "DesignBase",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-young-creativ-1776315789537-79172cca.png",
|
||||
},
|
||||
{
|
||||
name: "Liam T.",
|
||||
role: "Student",
|
||||
company: "UniTech",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-young-student-leveraging-t-1776315801553-922ef252.png",
|
||||
},
|
||||
]}
|
||||
metrics={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Opportunities Found",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Revenue Generated",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "User Success Rate",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialMetricsCards
|
||||
tag="Real Stories"
|
||||
title="Built for Real Results"
|
||||
description="Hear from the community members who have successfully pivoted using our AI platform."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", role: "Entrepreneur", company: "GrowthClub", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-portrait-of-a-young-entrepr-1776315759550-f3788fbf.png"},
|
||||
{
|
||||
name: "Sarah K.", role: "Digital Lead", company: "TechScale", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-portrait-of-a-young-woman-i-1776315770182-71525f7f.png"},
|
||||
{
|
||||
name: "Marcus J.", role: "Developer", company: "CodeFlow", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-software-engi-1776315780728-e811eca5.png"},
|
||||
{
|
||||
name: "Elena V.", role: "Creative", company: "DesignBase", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-young-creativ-1776315789537-79172cca.png"},
|
||||
{
|
||||
name: "Liam T.", role: "Student", company: "UniTech", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-young-student-leveraging-t-1776315801553-922ef252.png"},
|
||||
]}
|
||||
metrics={[
|
||||
{
|
||||
value: "10K+", label: "Opportunities Found"},
|
||||
{
|
||||
value: "5M+", label: "Revenue Generated"},
|
||||
{
|
||||
value: "98%", label: "User Success Rate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Ready to Pivot?"
|
||||
title="Join the Next Generation"
|
||||
description="Sign up today and get your first 3 AI-matched opportunities delivered to your inbox."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Join Now"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-dark-blue-tech-background-with--1776315810000-2c5bb1af.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Ready to Pivot?"
|
||||
title="Join the Next Generation"
|
||||
description="Sign up today and get your first 3 AI-matched opportunities delivered to your inbox."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Join Now"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/abstract-dark-blue-tech-background-with--1776315810000-2c5bb1af.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMinimal
|
||||
brand="BrokieAI © 2024"
|
||||
copyright="All rights reserved. Empowering every individual."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMinimal
|
||||
brand="BrokieAI © 2024"
|
||||
copyright="All rights reserved. Empowering every individual."
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user