Merge version_1_1781534001390 into main #3
@@ -5,154 +5,129 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import { Globe, Smartphone, Zap } from "lucide-react";
|
||||
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={[
|
||||
"asset://avatar-1", "asset://avatar-2", "asset://avatar-3"]}
|
||||
avatarText="Used by 10k+ travelers"
|
||||
title="Travel Smart with AeroWeather"
|
||||
description="The premium weather companion for modern explorers. Manage multiple cities, compare time zones, and plan your next journey with data-driven insights."
|
||||
primaryButton={{
|
||||
text: "Download App", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "View Features", href: "#features"}}
|
||||
names={[
|
||||
"Casablanca", "Paris", "New York"]}
|
||||
imageSrc="asset://hero-weather"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={["asset://avatar-1", "asset://avatar-2", "asset://avatar-3"]}
|
||||
avatarText="Used by 10k+ travelers"
|
||||
title="Travel Smart with AeroWeather"
|
||||
description="The premium weather companion for modern explorers. Manage multiple cities, compare time zones, and plan your next journey with data-driven insights."
|
||||
primaryButton={{ text: "Download App", href: "#" }}
|
||||
secondaryButton={{ text: "View Features", href: "#features" }}
|
||||
names={["Casablanca", "Paris", "New York"]}
|
||||
imageSrc="asset://hero-weather"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Travel Planning Reimagined"
|
||||
descriptions={[
|
||||
"AeroWeather helps business travelers and planners synchronize with their destination before takeoff.", "Integrated local time tracking and seasonal forecasting ensure you're always prepared for the environment ahead."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Travel Planning Reimagined"
|
||||
descriptions={[
|
||||
"AeroWeather helps business travelers and planners synchronize with their destination before takeoff.", "Integrated local time tracking and seasonal forecasting ensure you're always prepared for the environment ahead."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Advanced Capabilities"
|
||||
title="Tools for Every Journey"
|
||||
description="Powerful insights to manage your travel schedule and weather conditions efficiently."
|
||||
features={[
|
||||
{
|
||||
title: "Multi-City Sync", description: "Quickly compare weather in Casablanca, Paris, and New York simultaneously.", bentoComponent: "orbiting-icons", centerIcon: "Globe", orbitIcons: [
|
||||
"CloudRain", "Sun", "Cloud"],
|
||||
},
|
||||
{
|
||||
title: "5-Day Forecast", description: "Precise high/low temperatures, wind, and humidity indicators.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Seasonal Planning", description: "Long-term trends and rain probabilities for up to 6 months.", bentoComponent: "checklist-timeline", heading: "Seasonal Insights", subheading: "Get the best travel window.", checklistItems: [
|
||||
{
|
||||
label: "March-May", detail: "Optimal period"},
|
||||
{
|
||||
label: "November", detail: "High rainfall"},
|
||||
{
|
||||
label: "July", detail: "Heat warning"},
|
||||
],
|
||||
completedLabel: "Plan Ready"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Advanced Capabilities"
|
||||
title="Tools for Every Journey"
|
||||
description="Powerful insights to manage your travel schedule and weather conditions efficiently."
|
||||
features={[
|
||||
{
|
||||
title: "Multi-City Sync", description: "Quickly compare weather in Casablanca, Paris, and New York simultaneously.", bentoComponent: "orbiting-icons", centerIcon: "Globe", orbitIcons: ["CloudRain", "Sun", "Cloud"]
|
||||
},
|
||||
{
|
||||
title: "5-Day Forecast", description: "Precise high/low temperatures, wind, and humidity indicators.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Seasonal Planning", description: "Long-term trends and rain probabilities for up to 6 months.", bentoComponent: "checklist-timeline", heading: "Seasonal Insights", subheading: "Get the best travel window.", checklistItems: [
|
||||
{ label: "March-May", detail: "Optimal period" },
|
||||
{ label: "November", detail: "High rainfall" },
|
||||
{ label: "July", detail: "Heat warning" }
|
||||
],
|
||||
completedLabel: "Plan Ready"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="App Highlights"
|
||||
title="A Mobile Experience That Feels Premium"
|
||||
description="Crafted with iOS-inspired glassmorphism and intuitive navigation for fast scanning."
|
||||
items={[
|
||||
{
|
||||
title: "Smart Dashboard", description: "Quick glance at weather metrics.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-mother-earth-day-banner-collection-design_23-2148438251.jpg"},
|
||||
{
|
||||
title: "Location Manager", description: "Drag and drop your cities.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762864.jpg"},
|
||||
{
|
||||
title: "Growth Charts", description: "6-month trends visualization.", imageSrc: "http://img.b2bpic.net/free-photo/stock-portfolio-computer-monitor-containing-collection-financial-assets_482257-93465.jpg"},
|
||||
{
|
||||
title: "Notification Alerts", description: "Customizable weather alerts.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-apps-dark-mode_79603-1770.jpg"},
|
||||
{
|
||||
title: "Info Portal", description: "About this project.", imageSrc: "http://img.b2bpic.net/free-photo/interracial-team-discussing-ideas_23-2148349970.jpg"},
|
||||
{
|
||||
title: "Weather Map", description: "Interactive city locator.", imageSrc: "http://img.b2bpic.net/free-vector/weather-infographic-set_1284-5223.jpg"},
|
||||
{
|
||||
title: "Global Settings", description: "Unit and theme control.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515781.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="App Highlights"
|
||||
title="A Mobile Experience That Feels Premium"
|
||||
description="Crafted with iOS-inspired glassmorphism and intuitive navigation for fast scanning."
|
||||
items={[
|
||||
{ title: "Smart Dashboard", description: "Quick glance at weather metrics.", imageSrc: "asset://p-1" },
|
||||
{ title: "Location Manager", description: "Drag and drop your cities.", imageSrc: "asset://p-2" },
|
||||
{ title: "Growth Charts", description: "6-month trends visualization.", imageSrc: "asset://p-3" },
|
||||
{ title: "Notification Alerts", description: "Customizable weather alerts.", imageSrc: "asset://p-4" },
|
||||
{ title: "Info Portal", description: "About this project.", imageSrc: "asset://p-5" },
|
||||
{ title: "Weather Map", description: "Interactive city locator.", imageSrc: "asset://p-6" },
|
||||
{ title: "Global Settings", description: "Unit and theme control.", imageSrc: "asset://p-7" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="App Stats"
|
||||
title="Designed for Performance"
|
||||
description="High-fidelity UX metrics for rapid daily usage."
|
||||
metrics={[
|
||||
{
|
||||
icon: "Zap", title: "Response Speed", value: "<50ms"},
|
||||
{
|
||||
icon: "Globe", title: "Cities Supported", value: "150+"},
|
||||
{
|
||||
icon: "Smartphone", title: "Device Optimization", value: "100%"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="App Stats"
|
||||
title="Designed for Performance"
|
||||
description="High-fidelity UX metrics for rapid daily usage."
|
||||
metrics={[
|
||||
{ icon: "Zap", title: "Response Speed", value: "<50ms" },
|
||||
{ icon: "Globe", title: "Cities Supported", value: "150+" },
|
||||
{ icon: "Smartphone", title: "Device Optimization", value: "100%" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialMarqueeCards
|
||||
tag="User Voices"
|
||||
title="Loved by Frequent Travelers"
|
||||
description="See why professional travelers choose AeroWeather."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.", role: "Global Consultant", quote: "The multi-city comparison is an absolute life-saver during my business trips.", imageSrc: "asset://testimonial-1"},
|
||||
{
|
||||
name: "David K.", role: "Project Manager", quote: "Clean, modern, and very intuitive. The best weather app I've used.", imageSrc: "asset://testimonial-2"},
|
||||
{
|
||||
name: "Sarah R.", role: "Travel Blogger", quote: "Perfectly designed for long-term planning and seasonal tracking.", imageSrc: "asset://testimonial-3"},
|
||||
{
|
||||
name: "Mark V.", role: "Farmer", quote: "The 6-month seasonal forecasts are incredibly useful for my work.", imageSrc: "asset://testimonial-4"},
|
||||
{
|
||||
name: "Emily J.", role: "Photographer", quote: "The dark mode aesthetics match the professional vibe of my creative gear.", imageSrc: "asset://testimonial-5"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="User Voices"
|
||||
title="Loved by Frequent Travelers"
|
||||
description="See why professional travelers choose AeroWeather."
|
||||
testimonials={[
|
||||
{ name: "Alice M.", role: "Global Consultant", quote: "The multi-city comparison is an absolute life-saver during my business trips.", imageSrc: "asset://testimonial-1" },
|
||||
{ name: "David K.", role: "Project Manager", quote: "Clean, modern, and very intuitive. The best weather app I've used.", imageSrc: "asset://testimonial-2" },
|
||||
{ name: "Sarah R.", role: "Travel Blogger", quote: "Perfectly designed for long-term planning and seasonal tracking.", imageSrc: "asset://testimonial-3" },
|
||||
{ name: "Mark V.", role: "Farmer", quote: "The 6-month seasonal forecasts are incredibly useful for my work.", imageSrc: "asset://testimonial-4" },
|
||||
{ name: "Emily J.", role: "Photographer", quote: "The dark mode aesthetics match the professional vibe of my creative gear.", imageSrc: "asset://testimonial-5" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need help getting started with AeroWeather?"
|
||||
items={[
|
||||
{
|
||||
question: "Can I sync across devices?", answer: "Yes, your locations sync securely via cloud profile."},
|
||||
{
|
||||
question: "How do I switch units?", answer: "Go to settings and toggle between Celsius and Fahrenheit."},
|
||||
{
|
||||
question: "Is there a premium version?", answer: "Yes, premium offers ad-free usage and advanced trend insights."},
|
||||
{
|
||||
question: "How accurate are forecasts?", answer: "We utilize global weather APIs with 95% accuracy for short-term."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need help getting started with AeroWeather?"
|
||||
items={[
|
||||
{ question: "Can I sync across devices?", answer: "Yes, your locations sync securely via cloud profile." },
|
||||
{ question: "How do I switch units?", answer: "Go to settings and toggle between Celsius and Fahrenheit." },
|
||||
{ question: "Is there a premium version?", answer: "Yes, premium offers ad-free usage and advanced trend insights." },
|
||||
{ question: "How accurate are forecasts?", answer: "We utilize global weather APIs with 95% accuracy for short-term." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user