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."},
]}
/>