Merge version_1_1781767372898 into main #2
@@ -12,277 +12,101 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
|
||||
"http://img.b2bpic.net/free-photo/woman-smiling-with-perfect-smile_93675-133243.jpg",
|
||||
"http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
"http://img.b2bpic.net/free-photo/picture-self-confident-young-bearded-guy-with-tattoo-posing-indoors-closed-posture-crossign-arms-his-chest-doesn-t-believe-you-feelign-certain-while-having-argument-body-language_343059-1712.jpg",
|
||||
]}
|
||||
avatarText="Join 10,000+ developers"
|
||||
title="Build Tomorrow's Software Today"
|
||||
description="Powerful, scalable, and intuitive platforms for modern teams to build, deploy, and scale in record time."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "See How",
|
||||
href: "#about",
|
||||
}}
|
||||
names={[
|
||||
"Sarah",
|
||||
"Mike",
|
||||
"Elena",
|
||||
"David",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-hacker-making-victory-gesture_482257-78448.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={["http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg", "http://img.b2bpic.net/free-photo/woman-smiling-with-perfect-smile_93675-133243.jpg", "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg", "http://img.b2bpic.net/free-photo/picture-self-confident-young-bearded-guy-with-tattoo-posing-indoors-closed-posture-crossign-arms-his-chest-doesn-t-believe-you-feelign-certain-while-having-argument-body-language_343059-1712.jpg"]}
|
||||
avatarText="Join 10,000+ developers"
|
||||
title="Build Tomorrow's Software Today"
|
||||
description="Powerful, scalable, and intuitive platforms for modern teams to build, deploy, and scale in record time."
|
||||
primaryButton={{ text: "Get Started", href: "#contact" }}
|
||||
secondaryButton={{ text: "See How", href: "#about" }}
|
||||
names={["Sarah", "Mike", "Elena", "David"]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-hacker-making-victory-gesture_482257-78448.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Mission"
|
||||
title="Empowering Innovation at Scale"
|
||||
description="We believe in creating tools that disappear, allowing your team to focus on what truly matters: building great products."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/software-developer-working-new-user-interface-with-online-system-create-algorithm-it-agency-office-system-engineer-programming-html-code-algorithm-computer-typing-sever-data_482257-64450.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Mission"
|
||||
title="Empowering Innovation at Scale"
|
||||
description="We believe in creating tools that disappear, allowing your team to focus on what truly matters: building great products."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/software-developer-working-new-user-interface-with-online-system-create-algorithm-it-agency-office-system-engineer-programming-html-code-algorithm-computer-typing-sever-data_482257-64450.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Capabilities"
|
||||
title="Built for Growth"
|
||||
description="Everything your team needs to thrive in a digital-first world."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Data",
|
||||
description: "Instant insights delivered directly to your dashboard.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-closeup-shot-epcot-taken-night-with-amazing-colored-textures-dark-background_181624-2158.jpg",
|
||||
imageAlt: "abstract tech geometric",
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Built-in communication tools for seamless remote work.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Deploy?",
|
||||
aiResponse: "Done.",
|
||||
},
|
||||
{
|
||||
userMessage: "Stats?",
|
||||
aiResponse: "Up 20%.",
|
||||
},
|
||||
],
|
||||
placeholder: "Collaborate...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-hacker-making-victory-gesture_482257-78448.jpg?_wi=2",
|
||||
imageAlt: "abstract tech geometric",
|
||||
},
|
||||
{
|
||||
title: "Core Security",
|
||||
description: "Enterprise-grade protection by default.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Shield,
|
||||
orbitIcons: [
|
||||
"Lock",
|
||||
"Key",
|
||||
"Globe",
|
||||
"CheckCircle",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-developer-working-new-user-interface-with-online-system-create-algorithm-it-agency-office-system-engineer-programming-html-code-algorithm-computer-typing-sever-data_482257-64450.jpg?_wi=2",
|
||||
imageAlt: "abstract tech geometric",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Capabilities"
|
||||
title="Built for Growth"
|
||||
description="Everything your team needs to thrive in a digital-first world."
|
||||
features={[
|
||||
{ title: "Real-time Data", description: "Instant insights delivered directly to your dashboard.", bentoComponent: "animated-bar-chart" },
|
||||
{ title: "Team Collaboration", description: "Built-in communication tools for seamless remote work.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [{ userMessage: "Deploy?", aiResponse: "Done." }, { userMessage: "Stats?", aiResponse: "Up 20%." }], placeholder: "Collaborate..." },
|
||||
{ title: "Core Security", description: "Enterprise-grade protection by default.", bentoComponent: "orbiting-icons", centerIcon: "Shield", orbitIcons: ["Lock", "Key", "Globe", "CheckCircle"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Solutions"
|
||||
title="Our Toolkit"
|
||||
description="A comprehensive suite of tools designed to simplify your workflow."
|
||||
items={[
|
||||
{
|
||||
title: "Dashboard",
|
||||
description: "Overview",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
},
|
||||
{
|
||||
title: "Analytics",
|
||||
description: "Reporting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-woman-using-tablet-browsing-typing-it-standing-living-room-late-night-taking-break-african-freelancer-using-modern-technology-network-wireless-doing-overtime_482257-13608.jpg",
|
||||
},
|
||||
{
|
||||
title: "Deployer",
|
||||
description: "Shipping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg",
|
||||
},
|
||||
{
|
||||
title: "Security",
|
||||
description: "Protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-working-floor_23-2149930985.jpg",
|
||||
},
|
||||
{
|
||||
title: "Insights",
|
||||
description: "Learning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
|
||||
},
|
||||
{
|
||||
title: "Network",
|
||||
description: "Connecting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
description: "Resolution",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-members-suits-overseeing-factory-activity-green-screen_482257-125952.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Solutions"
|
||||
title="Our Toolkit"
|
||||
description="A comprehensive suite of tools designed to simplify your workflow."
|
||||
items={[{ title: "Dashboard", description: "Overview", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" }, { title: "Analytics", description: "Reporting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-woman-using-tablet-browsing-typing-it-standing-living-room-late-night-taking-break-african-freelancer-using-modern-technology-network-wireless-doing-overtime_482257-13608.jpg" }, { title: "Deployer", description: "Shipping", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg" }, { title: "Security", description: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-designer-working-floor_23-2149930985.jpg" }, { title: "Insights", description: "Learning", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg" }, { title: "Network", description: "Connecting", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg" }, { title: "Support", description: "Resolution", imageSrc: "http://img.b2bpic.net/free-photo/team-members-suits-overseeing-factory-activity-green-screen_482257-125952.jpg" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Impact"
|
||||
title="Performance at a Glance"
|
||||
description="Numbers that define our success."
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Latency (ms)",
|
||||
value: "12ms",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "100k+",
|
||||
},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Impact"
|
||||
title="Performance at a Glance"
|
||||
description="Numbers that define our success."
|
||||
metrics={[{ icon: "Zap", title: "Latency (ms)", value: "12ms" }, { icon: "Users", title: "Active Users", value: "100k+" }, { icon: "Cloud", title: "Uptime", value: "99.99%" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Testimonials"
|
||||
title="Loved by the best"
|
||||
description="Companies around the globe trust our infrastructure."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CTO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
role: "Lead",
|
||||
company: "DevNode",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-glasses-smiling-happy-sincere-emotion-surprised-face-expression-natural-positive-isolated-white-background-checkered-shirt-hipster-style-student_285396-2851.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amy K.",
|
||||
role: "PM",
|
||||
company: "GrowthIQ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ben W.",
|
||||
role: "Eng",
|
||||
company: "FastSoft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-man-with-glasses_641386-645.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Z.",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596268.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Loved by the best"
|
||||
description="Companies around the globe trust our infrastructure."
|
||||
testimonials={[{ name: "Sarah J.", role: "CTO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" }, { name: "Mark L.", role: "Lead", company: "DevNode", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-glasses-smiling-happy-sincere-emotion-surprised-face-expression-natural-positive-isolated-white-background-checkered-shirt-hipster-style-student_285396-2851.jpg" }, { name: "Amy K.", role: "PM", company: "GrowthIQ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }, { name: "Ben W.", role: "Eng", company: "FastSoft", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bald-man-with-glasses_641386-645.jpg" }, { name: "Chloe Z.", role: "CEO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596268.jpg" }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Answers to your pressing questions."
|
||||
categories={[
|
||||
{
|
||||
name: "Getting Started",
|
||||
items: [
|
||||
{
|
||||
question: "Is it free?",
|
||||
answer: "Yes, try it now.",
|
||||
},
|
||||
{
|
||||
question: "Can I scale?",
|
||||
answer: "Unlimited scaling options.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
items: [
|
||||
{
|
||||
question: "Do you offer support?",
|
||||
answer: "24/7 dedicated assistance.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQ"
|
||||
title="Common Questions"
|
||||
description="Answers to your pressing questions."
|
||||
categories={[{ name: "Getting Started", items: [{ question: "Is it free?", answer: "Yes, try it now." }, { question: "Can I scale?", answer: "Unlimited scaling options." }] }, { name: "Support", items: [{ question: "Do you offer support?", answer: "24/7 dedicated assistance." }] }]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to scale your business?"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@techflow.io",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Documentation",
|
||||
href: "/docs",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact"
|
||||
text="Ready to scale your business?"
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:hello@techflow.io" }}
|
||||
secondaryButton={{ text: "View Documentation", href: "/docs" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user