Merge version_1 into main #2
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -47,7 +47,7 @@ export default function LandingPage() {
|
||||
tag="Live Weather Data"
|
||||
tagIcon={Cloud}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Explore Cities", href: "product" },
|
||||
{ text: "Learn More", href: "feature" },
|
||||
@@ -55,17 +55,17 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png?_wi=1", imageAlt: "Delhi weather conditions"},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png", imageAlt: "Delhi weather conditions"},
|
||||
{
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png?_wi=1", imageAlt: "Mumbai weather conditions"},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png", imageAlt: "Mumbai weather conditions"},
|
||||
{
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png?_wi=1", imageAlt: "Bangalore weather conditions"},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png", imageAlt: "Bangalore weather conditions"},
|
||||
{
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png?_wi=2", imageAlt: "Delhi weather variations"},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png", imageAlt: "Delhi weather variations"},
|
||||
{
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png?_wi=2", imageAlt: "Mumbai climate patterns"},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png", imageAlt: "Mumbai climate patterns"},
|
||||
{
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png?_wi=2", imageAlt: "Bangalore seasonal weather"},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png", imageAlt: "Bangalore seasonal weather"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -87,17 +87,17 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "delhi", name: "Delhi", price: "32°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png?_wi=3", imageAlt: "Delhi weather"},
|
||||
id: "delhi", name: "Delhi", price: "32°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png", imageAlt: "Delhi weather"},
|
||||
{
|
||||
id: "mumbai", name: "Mumbai", price: "28°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png?_wi=3", imageAlt: "Mumbai weather"},
|
||||
id: "mumbai", name: "Mumbai", price: "28°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png", imageAlt: "Mumbai weather"},
|
||||
{
|
||||
id: "bangalore", name: "Bangalore", price: "26°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png?_wi=3", imageAlt: "Bangalore weather"},
|
||||
id: "bangalore", name: "Bangalore", price: "26°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png", imageAlt: "Bangalore weather"},
|
||||
{
|
||||
id: "kolkata", name: "Kolkata", price: "29°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png?_wi=4", imageAlt: "Kolkata weather"},
|
||||
id: "kolkata", name: "Kolkata", price: "29°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/delhi-city-skyline-at-different-times-of-1773128006095-071aa8fb.png", imageAlt: "Kolkata weather"},
|
||||
{
|
||||
id: "chennai", name: "Chennai", price: "31°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png?_wi=4", imageAlt: "Chennai weather"},
|
||||
id: "chennai", name: "Chennai", price: "31°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/mumbai-coastal-city-with-monsoon-weather-1773128006980-b4508c3a.png", imageAlt: "Chennai weather"},
|
||||
{
|
||||
id: "hyderabad", name: "Hyderabad", price: "30°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png?_wi=4", imageAlt: "Hyderabad weather"},
|
||||
id: "hyderabad", name: "Hyderabad", price: "30°C", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/bangalore-city-with-pleasant-weather-con-1773128008728-b2c6a17a.png", imageAlt: "Hyderabad weather"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,13 +114,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Real-Time", title: "Live Weather Data", subtitle: "Updated every minute", description: "Get instant weather updates for any city in India with our real-time data collection system. Track temperature changes, humidity levels, and wind patterns as they happen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/modern-infographic-showing-weather-track-1773128005603-cc60e993.png?_wi=1", imageAlt: "Real-time weather tracking"},
|
||||
tag: "Real-Time", title: "Live Weather Data", subtitle: "Updated every minute", description: "Get instant weather updates for any city in India with our real-time data collection system. Track temperature changes, humidity levels, and wind patterns as they happen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/modern-infographic-showing-weather-track-1773128005603-cc60e993.png", imageAlt: "Real-time weather tracking"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Forecasting", title: "Hourly & Daily Forecasts", subtitle: "Plan your day ahead", description: "View detailed hourly forecasts for the next 24 hours and extended forecasts for the week. Make informed decisions about your activities based on accurate weather predictions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/modern-infographic-showing-weather-track-1773128005603-cc60e993.png?_wi=2", imageAlt: "Weather forecasts"},
|
||||
tag: "Forecasting", title: "Hourly & Daily Forecasts", subtitle: "Plan your day ahead", description: "View detailed hourly forecasts for the next 24 hours and extended forecasts for the week. Make informed decisions about your activities based on accurate weather predictions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/modern-infographic-showing-weather-track-1773128005603-cc60e993.png", imageAlt: "Weather forecasts"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Alerts", title: "Weather Alerts & Warnings", subtitle: "Stay safe and informed", description: "Receive instant notifications for severe weather conditions including storms, extreme temperatures, and air quality warnings. Customize alerts based on your preferences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/modern-infographic-showing-weather-track-1773128005603-cc60e993.png?_wi=3", imageAlt: "Weather alerts system"},
|
||||
tag: "Alerts", title: "Weather Alerts & Warnings", subtitle: "Stay safe and informed", description: "Receive instant notifications for severe weather conditions including storms, extreme temperatures, and air quality warnings. Customize alerts based on your preferences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/modern-infographic-showing-weather-track-1773128005603-cc60e993.png", imageAlt: "Weather alerts system"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,23 +161,17 @@ export default function LandingPage() {
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Rajesh Kumar", handle: "@rajesh_weather", testimonial: "Weather India has been absolutely essential for my farming business. The accuracy of forecasts helps me plan irrigation perfectly. Highly recommended!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-man-in-busine-1773128004287-c605dc11.png", imageAlt: "Rajesh Kumar"},
|
||||
id: "1", name: "Rajesh Kumar", handle: "@rajesh_weather", testimonial: "Weather India has been absolutely essential for my farming business. The accuracy of forecasts helps me plan irrigation perfectly. Highly recommended!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-man-in-busine-1773128004287-c605dc11.png", imageAlt: "Rajesh Kumar"},
|
||||
{
|
||||
id: "2", name: "Priya Sharma", handle: "@priya_travel", testimonial: "I use this app for all my travel plans. The detailed weather information and alerts have saved me from so many inconveniences. Best weather app in India!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-woman-in-busi-1773128005051-cfb69d4c.png", imageAlt: "Priya Sharma"},
|
||||
id: "2", name: "Priya Sharma", handle: "@priya_travel", testimonial: "I use this app for all my travel plans. The detailed weather information and alerts have saved me from so many inconveniences. Best weather app in India!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-woman-in-busi-1773128005051-cfb69d4c.png", imageAlt: "Priya Sharma"},
|
||||
{
|
||||
id: "3", name: "Amit Patel", handle: "@amit_forecasts", testimonial: "The real-time updates and accuracy are unmatched. I've been using it for 3 years and it never disappoints. Great work by the team!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-another-man-in--1773128006729-3b737453.png", imageAlt: "Amit Patel"},
|
||||
id: "3", name: "Amit Patel", handle: "@amit_forecasts", testimonial: "The real-time updates and accuracy are unmatched. I've been using it for 3 years and it never disappoints. Great work by the team!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-another-man-in--1773128006729-3b737453.png", imageAlt: "Amit Patel"},
|
||||
{
|
||||
id: "4", name: "Anjali Desai", handle: "@anjali_weather", testimonial: "Finally, a weather app that covers all Indian cities accurately. The UI is intuitive and the data is always up-to-date. Love it!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-another-woman-i-1773128004617-894524f1.png", imageAlt: "Anjali Desai"},
|
||||
id: "4", name: "Anjali Desai", handle: "@anjali_weather", testimonial: "Finally, a weather app that covers all Indian cities accurately. The UI is intuitive and the data is always up-to-date. Love it!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-another-woman-i-1773128004617-894524f1.png", imageAlt: "Anjali Desai"},
|
||||
{
|
||||
id: "5", name: "Vikram Singh", handle: "@vikram_data", testimonial: "Outstanding weather data platform. The accuracy metrics are impressive and the customer support is responsive. Definitely worth using!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-man-with-glas-1773128005429-27ed3cca.png", imageAlt: "Vikram Singh"},
|
||||
id: "5", name: "Vikram Singh", handle: "@vikram_data", testimonial: "Outstanding weather data platform. The accuracy metrics are impressive and the customer support is responsive. Definitely worth using!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-man-with-glas-1773128005429-27ed3cca.png", imageAlt: "Vikram Singh"},
|
||||
{
|
||||
id: "6", name: "Neha Verma", handle: "@neha_forecaster", testimonial: "I recommend Weather India to everyone I know. The detailed forecasts, hourly updates, and alerts make planning so much easier!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-woman-with-sm-1773128005534-25c318cf.png", imageAlt: "Neha Verma"},
|
||||
id: "6", name: "Neha Verma", handle: "@neha_forecaster", testimonial: "I recommend Weather India to everyone I know. The detailed forecasts, hourly updates, and alerts make planning so much easier!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkDy8T9fdLGQIhXz7cYu5wggEU/professional-headshot-of-a-woman-with-sm-1773128005534-25c318cf.png", imageAlt: "Neha Verma"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -208,7 +202,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "5", title: "Is the app free to use?", content: "Yes, our weather platform is completely free to use. All features including real-time data, forecasts, and alerts are available to all users at no cost."},
|
||||
{
|
||||
id: "6", title: "How do I access historical weather data?", content: "Historical weather data for the past 10 years is available in our premium section. You can track weather patterns, analyze climate trends, and compare seasonal variations."},
|
||||
id: "6", title: "How do I access historical weather data?", content: "Historical weather data for the past 10 years is available in our premium section. You can track weather patterns, analyze climate trends, and compare seasonal variations."}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,4 +258,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user