diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 5484327..1e33c15 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -15,27 +15,17 @@ export default function HomePage() { @@ -45,9 +35,7 @@ export default function HomePage() { @@ -60,49 +48,21 @@ export default function HomePage() { 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", - ], - imageSrc: "http://img.b2bpic.net/free-photo/person-controlling-house-light-using-smart-home-application-touching-screen-turn-it-by-mobile_482257-2842.jpg", - imageAlt: "time zone world clock ui", + 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", - imageSrc: "http://img.b2bpic.net/free-vector/smart-home-app-interface_23-2148623183.jpg?_wi=2", - imageAlt: "time zone world clock ui", - }, + 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: [ + 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: "March-May", detail: "Optimal period"}, { - label: "November", - detail: "High rainfall", - }, + label: "November", detail: "High rainfall"}, { - label: "July", - detail: "Heat warning", - }, + label: "July", detail: "Heat warning"}, ], - completedLabel: "Plan Ready", - imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-elements-collection-flat-style_23-2147792631.jpg", - imageAlt: "time zone world clock ui", - }, + completedLabel: "Plan Ready"}, ]} /> @@ -116,40 +76,19 @@ export default function HomePage() { 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: "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: "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: "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: "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: "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: "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", - }, + title: "Global Settings", description: "Unit and theme control.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515781.jpg"}, ]} /> @@ -163,20 +102,11 @@ export default function HomePage() { description="High-fidelity UX metrics for rapid daily usage." metrics={[ { - icon: Zap, - title: "Response Speed", - value: "<50ms", - }, + icon: "Zap", title: "Response Speed", value: "<50ms"}, { - icon: Globe, - title: "Cities Supported", - value: "150+", - }, + icon: "Globe", title: "Cities Supported", value: "150+"}, { - icon: Smartphone, - title: "Device Optimization", - value: "100%", - }, + icon: "Smartphone", title: "Device Optimization", value: "100%"}, ]} /> @@ -190,35 +120,15 @@ export default function HomePage() { 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: "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: "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: "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: "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", - }, + name: "Emily J.", role: "Photographer", quote: "The dark mode aesthetics match the professional vibe of my creative gear.", imageSrc: "asset://testimonial-5"}, ]} /> @@ -232,21 +142,13 @@ export default function HomePage() { description="Need help getting started with AeroWeather?" items={[ { - question: "Can I sync across devices?", - answer: "Yes, your locations sync securely via cloud profile.", - }, + 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: "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: "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.", - }, + question: "How accurate are forecasts?", answer: "We utilize global weather APIs with 95% accuracy for short-term."}, ]} />