Merge version_1_1781987353227 into main #1
@@ -11,250 +11,120 @@ 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">
|
||||
<HeroOverlayMarquee
|
||||
tag="Next-Gen Intelligence"
|
||||
title="Your Life, Optimized by AI"
|
||||
description="Background orchestration for every device you own. Manage your entire digital life with simple voice commands."
|
||||
primaryButton={{
|
||||
text: "Download App",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "See How It Works",
|
||||
href: "#features",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Voice-Activated",
|
||||
icon: Mic,
|
||||
},
|
||||
{
|
||||
text: "Always-On",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
text: "Cross-Platform",
|
||||
icon: Smartphone,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-circuit-board-image_1048-5813.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Next-Gen Intelligence"
|
||||
title="Your Life, Optimized by AI"
|
||||
description="Background orchestration for every device you own. Manage your entire digital life with simple voice commands."
|
||||
primaryButton={{ text: "Download App", href: "#contact" }}
|
||||
secondaryButton={{ text: "See How It Works", href: "#features" }}
|
||||
items={[
|
||||
{ text: "Voice-Activated", icon: Mic },
|
||||
{ text: "Always-On", icon: Zap },
|
||||
{ text: "Cross-Platform", icon: Smartphone },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-circuit-board-image_1048-5813.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features-bento" data-section="features-bento">
|
||||
<SectionErrorBoundary name="features-bento">
|
||||
<div id="features-bento" data-section="features-bento">
|
||||
<SectionErrorBoundary name="features-bento">
|
||||
<FeaturesImageBento
|
||||
tag="Everything Integrated"
|
||||
title="Seamless Background Management"
|
||||
description="From task planning to system maintenance, experience true automation."
|
||||
items={[
|
||||
{
|
||||
title: "Voice Assistant",
|
||||
description: "Speak naturally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg",
|
||||
},
|
||||
{
|
||||
title: "Background Tasks",
|
||||
description: "Always executing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
},
|
||||
{
|
||||
title: "Auto-Planning",
|
||||
description: "Organized intelligence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cross-Sync",
|
||||
description: "Unified platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg",
|
||||
},
|
||||
{
|
||||
title: "Home Harmony",
|
||||
description: "IoT orchestration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-management-outline-icon-presentation-vector-line-icons-illustration_1142-17842.jpg",
|
||||
},
|
||||
{
|
||||
title: "Audio Command",
|
||||
description: "Instant response.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139345.jpg",
|
||||
},
|
||||
{
|
||||
title: "Data Shield",
|
||||
description: "Private security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-neon-gradient-ai-generated_268835-18688.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Everything Integrated"
|
||||
title="Seamless Background Management"
|
||||
description="From task planning to system maintenance, experience true automation."
|
||||
items={[
|
||||
{ title: "Voice Assistant", description: "Speak naturally.", imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg" },
|
||||
{ title: "Background Tasks", description: "Always executing.", imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg" },
|
||||
{ title: "Auto-Planning", description: "Organized intelligence.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-streaks-with-spheres_1017-2806.jpg" },
|
||||
{ title: "Cross-Sync", description: "Unified platform.", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg" },
|
||||
{ title: "Home Harmony", description: "IoT orchestration.", imageSrc: "http://img.b2bpic.net/free-vector/20-management-outline-icon-presentation-vector-line-icons-illustration_1142-17842.jpg" },
|
||||
{ title: "Audio Command", description: "Instant response.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139345.jpg" },
|
||||
{ title: "Data Shield", description: "Private security.", imageSrc: "http://img.b2bpic.net/free-photo/purple-neon-gradient-ai-generated_268835-18688.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedCards
|
||||
tag="Advanced Tech"
|
||||
title="Designed for Power Users"
|
||||
description="Built from the ground up for high-performance device orchestration."
|
||||
items={[
|
||||
{
|
||||
title: "Neural Engine",
|
||||
description: "Rapid task assessment.",
|
||||
tags: [
|
||||
"AI",
|
||||
"ML",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
|
||||
},
|
||||
{
|
||||
title: "Background OS",
|
||||
description: "Optimized power use.",
|
||||
tags: [
|
||||
"Optimization",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-hexagon-network_23-2152020930.jpg",
|
||||
},
|
||||
{
|
||||
title: "Voice Clarity",
|
||||
description: "Crystal clear interaction.",
|
||||
tags: [
|
||||
"Audio",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-digital-background-with-flowing-cyber-dots_1048-12641.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Advanced Tech"
|
||||
title="Designed for Power Users"
|
||||
description="Built from the ground up for high-performance device orchestration."
|
||||
items={[
|
||||
{ title: "Neural Engine", description: "Rapid task assessment.", tags: ["AI", "ML"], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg" },
|
||||
{ title: "Background OS", description: "Optimized power use.", tags: ["Optimization"], imageSrc: "http://img.b2bpic.net/free-photo/glowing-hexagon-network_23-2152020930.jpg" },
|
||||
{ title: "Voice Clarity", description: "Crystal clear interaction.", tags: ["Audio"], imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-digital-background-with-flowing-cyber-dots_1048-12641.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Performance Stats"
|
||||
title="Voice Sync Efficiency"
|
||||
description="Our AI continuously improves based on your usage patterns."
|
||||
metrics={[
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Voice Accuracy",
|
||||
features: [
|
||||
"Noise cancellation",
|
||||
"Multi-language support",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Background Sync",
|
||||
features: [
|
||||
"Zero latency",
|
||||
"Battery aware",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "5M+",
|
||||
title: "Daily Tasks",
|
||||
features: [
|
||||
"Automated scheduling",
|
||||
"High scale",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance Stats"
|
||||
title="Voice Sync Efficiency"
|
||||
description="Our AI continuously improves based on your usage patterns."
|
||||
metrics={[
|
||||
{ value: "99.9%", title: "Voice Accuracy", features: ["Noise cancellation", "Multi-language support"] },
|
||||
{ value: "24/7", title: "Background Sync", features: ["Zero latency", "Battery aware"] },
|
||||
{ value: "5M+", title: "Daily Tasks", features: ["Automated scheduling", "High scale"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingSplitCards
|
||||
tag="Simple Pricing"
|
||||
title="Upgrade Your Life"
|
||||
plans={[
|
||||
{
|
||||
tag: "Individual",
|
||||
price: "$9/mo",
|
||||
period: "monthly",
|
||||
description: "Perfect for personal use.",
|
||||
primaryButton: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included features:",
|
||||
features: [
|
||||
"Personalized voice AI",
|
||||
"Background task limits",
|
||||
"Unlimited device sync",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Professional",
|
||||
price: "$29/mo",
|
||||
period: "monthly",
|
||||
description: "Advanced power features.",
|
||||
primaryButton: {
|
||||
text: "Get Pro",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Advanced task planning",
|
||||
"Priority voice processing",
|
||||
"Team collaborative tools",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Simple Pricing"
|
||||
title="Upgrade Your Life"
|
||||
description="Choose the plan that fits your needs."
|
||||
plans={[
|
||||
{
|
||||
tag: "Individual", price: "$9/mo", period: "monthly", description: "Perfect for personal use.", primaryButton: { text: "Get Started", href: "#" },
|
||||
featuresTitle: "Included features:", features: ["Personalized voice AI", "Background task limits", "Unlimited device sync"]
|
||||
},
|
||||
{
|
||||
tag: "Professional", price: "$29/mo", period: "monthly", description: "Advanced power features.", primaryButton: { text: "Get Pro", href: "#" },
|
||||
featuresTitle: "Everything in Basic, plus:", features: ["Advanced task planning", "Priority voice processing", "Team collaborative tools"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="This AI manages my schedule and tasks so seamlessly I forget I even planned them. It just happens in the background."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Developer"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah",
|
||||
imageSrc: "asset://testimonial-1",
|
||||
},
|
||||
{
|
||||
name: "John",
|
||||
imageSrc: "asset://testimonial-2",
|
||||
},
|
||||
{
|
||||
name: "Elena",
|
||||
imageSrc: "asset://testimonial-3",
|
||||
},
|
||||
{
|
||||
name: "David",
|
||||
imageSrc: "asset://testimonial-4",
|
||||
},
|
||||
{
|
||||
name: "Anna",
|
||||
imageSrc: "asset://testimonial-5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="This AI manages my schedule and tasks so seamlessly I forget I even planned them. It just happens in the background."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Developer"
|
||||
avatars={[
|
||||
{ name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-hexagonal-grid-design_1048-11285.jpg" },
|
||||
{ name: "John", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-cyber-particles_1048-17876.jpg" },
|
||||
{ name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5858.jpg" },
|
||||
{ name: "David", imageSrc: "http://img.b2bpic.net/free-photo/3d-technology-background-with-low-poly-connecting-lines-dots_1048-8641.jpg" },
|
||||
{ name: "Anna", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039369.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Download Now"
|
||||
text="Ready to transform your productivity? Download the AI Sync app on iOS and Android today."
|
||||
primaryButton={{
|
||||
text: "Get on iOS",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get on Android",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Download Now"
|
||||
text="Ready to transform your productivity? Download the AI Sync app on iOS and Android today."
|
||||
primaryButton={{ text: "Get on iOS", href: "#" }}
|
||||
secondaryButton={{ text: "Get on Android", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user