Merge version_1_1782191701832 into main #2
@@ -12,264 +12,139 @@ 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">
|
||||
<HeroTiltedCards
|
||||
tag="Innovative Tech Solutions"
|
||||
title="Build the Future with Advanced Technology"
|
||||
description="We deliver cutting-edge software and infrastructure to help your business scale efficiently."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-breach-digital-lock-unlocked_23-2152004074.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-sitting-table-typing-laptop_1423-241.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Innovative Tech Solutions"
|
||||
title="Build the Future with Advanced Technology"
|
||||
description="We deliver cutting-edge software and infrastructure to help your business scale efficiently."
|
||||
primaryButton={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882609.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-breach-digital-lock-unlocked_23-2152004074.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-man-sitting-table-typing-laptop_1423-241.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Mission"
|
||||
quote="Innovation is the heartbeat of our organization. We strive to create tools that empower developers and businesses alike."
|
||||
author="Jane Doe"
|
||||
role="Founder & CEO"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Mission"
|
||||
quote="Innovation is the heartbeat of our organization. We strive to create tools that empower developers and businesses alike."
|
||||
author="Jane Doe"
|
||||
role="Founder & CEO"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-118685.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Key Capabilities"
|
||||
title="Everything You Need to Succeed"
|
||||
description="Advanced tools designed for performance and reliability."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Insights",
|
||||
description: "Track your progress with real-time charts.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",
|
||||
imageAlt: "Futuristic control panel",
|
||||
},
|
||||
{
|
||||
title: "Global Network",
|
||||
description: "Connect across borders effortlessly.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Globe,
|
||||
orbitIcons: [
|
||||
"Wifi",
|
||||
"Smartphone",
|
||||
"Server",
|
||||
"Database",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=2",
|
||||
imageAlt: "Futuristic control panel",
|
||||
},
|
||||
{
|
||||
title: "Smart Communication",
|
||||
description: "Stay in touch with our AI assistant.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: Star,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "How's the server load?",
|
||||
aiResponse: "Optimal, running at 42% capacity.",
|
||||
},
|
||||
],
|
||||
placeholder: "Ask anything...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg?_wi=2",
|
||||
imageAlt: "Futuristic control panel",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Key Capabilities"
|
||||
title="Everything You Need to Succeed"
|
||||
description="Advanced tools designed for performance and reliability."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Insights", description: "Track your progress with real-time charts.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Global Network", description: "Connect across borders effortlessly.", bentoComponent: "orbiting-icons", centerIcon: "Globe", orbitIcons: ["Wifi", "Smartphone", "Server", "Database"],
|
||||
},
|
||||
{
|
||||
title: "Smart Communication", description: "Stay in touch with our AI assistant.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", exchanges: [
|
||||
{
|
||||
userMessage: "How's the server load?", aiResponse: "Optimal, running at 42% capacity."},
|
||||
],
|
||||
placeholder: "Ask anything..."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="Our Products"
|
||||
title="Cutting-Edge Tech Stack"
|
||||
description="A collection of tools crafted for modern developers."
|
||||
items={[
|
||||
{
|
||||
title: "Analytics Engine",
|
||||
description: "Powerful data processing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg",
|
||||
},
|
||||
{
|
||||
title: "Security Suite",
|
||||
description: "Robust protection for your apps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-discs_23-2147781428.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cloud Hub",
|
||||
description: "Scalable hosting solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Assistant",
|
||||
description: "Optimize your workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182564.jpg",
|
||||
},
|
||||
{
|
||||
title: "Developer Portal",
|
||||
description: "Streamlined documentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg",
|
||||
},
|
||||
{
|
||||
title: "Infrastructure",
|
||||
description: "Reliable hardware backbone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-technology-background-with-connecting-lines-dots_1048-14613.jpg",
|
||||
},
|
||||
{
|
||||
title: "Design System",
|
||||
description: "Consistent UI components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-gaming_23-2151138388.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Products"
|
||||
title="Cutting-Edge Tech Stack"
|
||||
description="A collection of tools crafted for modern developers."
|
||||
items={[
|
||||
{ title: "Analytics Engine", description: "Powerful data processing.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg" },
|
||||
{ title: "Security Suite", description: "Robust protection for your apps.", imageSrc: "http://img.b2bpic.net/free-photo/blue-plastic-discs_23-2147781428.jpg" },
|
||||
{ title: "Cloud Hub", description: "Scalable hosting solutions.", imageSrc: "http://img.b2bpic.net/free-photo/financial-broker-analyzing-stock-trade-market-computer-using-exchange-hedge-fund-statistics-create-investment-profit-entrepreneur-working-with-forex-real-time-sales-trend-handheld-shot_482257-40951.jpg" },
|
||||
{ title: "AI Assistant", description: "Optimize your workflow.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182564.jpg" },
|
||||
{ title: "Developer Portal", description: "Streamlined documentation.", imageSrc: "http://img.b2bpic.net/free-photo/nature-ecology-go-green-concept_53876-133663.jpg" },
|
||||
{ title: "Infrastructure", description: "Reliable hardware backbone.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-technology-background-with-connecting-lines-dots_1048-14613.jpg" },
|
||||
{ title: "Design System", description: "Consistent UI components.", imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-gaming_23-2151138388.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Impact"
|
||||
title="Numbers That Speak"
|
||||
description="Delivering measurable results."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
description: "Requests Handled",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
description: "Uptime Guaranteed",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Numbers That Speak"
|
||||
description="Delivering measurable results."
|
||||
metrics={[
|
||||
{ value: "100+", description: "Happy Clients" },
|
||||
{ value: "5M+", description: "Requests Handled" },
|
||||
{ value: "99.9%", description: "Uptime Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Client Stories"
|
||||
title="Loved by Professionals"
|
||||
description="See why top industry leaders choose our platform."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "CTO",
|
||||
quote: "Incredible performance boost after switching.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael B.",
|
||||
role: "Lead Dev",
|
||||
quote: "The API is extremely robust and developer-friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
role: "PM",
|
||||
quote: "A total game changer for our team productivity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453368.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Founder",
|
||||
quote: "Reliability and support are top notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alice M.",
|
||||
role: "Design Lead",
|
||||
quote: "Beautifully crafted, functional, and very reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Stories"
|
||||
title="Loved by Professionals"
|
||||
description="See why top industry leaders choose our platform."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "CTO", quote: "Incredible performance boost after switching.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-looking-camera-with-arms-folded-smiling_1098-18840.jpg" },
|
||||
{ name: "Michael B.", role: "Lead Dev", quote: "The API is extremely robust and developer-friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" },
|
||||
{ name: "Emily R.", role: "PM", quote: "A total game changer for our team productivity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453368.jpg" },
|
||||
{ name: "David L.", role: "Founder", quote: "Reliability and support are top notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ name: "Alice M.", role: "Design Lead", quote: "Beautifully crafted, functional, and very reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Knowledge Hub"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need answers? We've got them."
|
||||
items={[
|
||||
{
|
||||
question: "What is the onboarding process?",
|
||||
answer: "Simple and quick, starting with a demo.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer enterprise support?",
|
||||
answer: "Yes, dedicated support tiers are available.",
|
||||
},
|
||||
{
|
||||
question: "Can I integrate with my current stack?",
|
||||
answer: "Absolutely, our API works with major frameworks.",
|
||||
},
|
||||
{
|
||||
question: "What about data security?",
|
||||
answer: "We comply with industry-leading encryption standards.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Knowledge Hub"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need answers? We've got them."
|
||||
items={[
|
||||
{ question: "What is the onboarding process?", answer: "Simple and quick, starting with a demo." },
|
||||
{ question: "Do you offer enterprise support?", answer: "Yes, dedicated support tiers are available." },
|
||||
{ question: "Can I integrate with my current stack?", answer: "Absolutely, our API works with major frameworks." },
|
||||
{ question: "What about data security?", answer: "We comply with industry-leading encryption standards." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Let's Talk"
|
||||
text="Ready to scale your business? We're just a click away."
|
||||
primaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@techbrand.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Pricing",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Let's Talk"
|
||||
text="Ready to scale your business? We're just a click away."
|
||||
primaryButton={{ text: "Contact Support", href: "mailto:support@techbrand.com" }}
|
||||
secondaryButton={{ text: "View Pricing", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user