diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 1e33c15..544e269 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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 (
<>
-
-
+
+
-
-
+ 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"
+ />
+
+
-
+
+ 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."
+ ]}
+ />
+
+
-
+
+
-
-
+ 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"
+ }
+ ]}
+ />
+
+
-
+
+
-
-
+ 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" }
+ ]}
+ />
+
+
-
+
+
-
-
+ 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%" }
+ ]}
+ />
+
+
-
+
+
-
-
+ 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" }
+ ]}
+ />
+
+
-
+
+
-
-
+ 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." }
+ ]}
+ />
+
+