Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WeatherScope"
|
||||
/>
|
||||
@@ -54,67 +46,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Precision Weather Analysis for Professionals"
|
||||
description="Unlock actionable climate insights with our high-resolution analysis platform designed for modern business operations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
|
||||
imageAlt="Weather dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-119205.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-119205.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-reddish-man-posing-touching-his-chin_158595-3747.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-reddish-man-posing-touching-his-chin_158595-3747.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ meteorologists"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Data",
|
||||
icon: Radio,
|
||||
type: "text-icon", text: "Real-time Data", icon: Radio,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Coverage",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Coverage", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Forecasts",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "AI Forecasts", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Urban Mapping",
|
||||
icon: Map,
|
||||
type: "text-icon", text: "Urban Mapping", icon: Map,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure API",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure API", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -125,14 +94,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Advanced Climate Intelligence",
|
||||
},
|
||||
type: "text", content: "Advanced Climate Intelligence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/digital-globe-global-data-visualization_23-2152020910.jpg",
|
||||
alt: "About climate",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/digital-globe-global-data-visualization_23-2152020910.jpg", alt: "About climate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,49 +108,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wind Pattern Mapping",
|
||||
description: "High-fidelity mapping of wind vectors and speed.",
|
||||
icon: Wind,
|
||||
title: "Wind Pattern Mapping", description: "High-fidelity mapping of wind vectors and speed.", icon: Wind,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-night-weather-icons-crescent-stars_107791-17714.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-night-weather-icons-crescent-stars_107791-17714.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-night-weather-icons-crescent-stars_107791-17714.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-night-weather-icons-crescent-stars_107791-17714.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=2",
|
||||
imageAlt: "weather app UI design",
|
||||
},
|
||||
{
|
||||
title: "Advanced Radar Insights",
|
||||
description: "Real-time precipitation monitoring with high precision.",
|
||||
icon: Droplets,
|
||||
title: "Advanced Radar Insights", description: "Real-time precipitation monitoring with high precision.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-anime-style_23-2151080267.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-anime-style_23-2151080267.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-anime-style_23-2151080267.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-anime-style_23-2151080267.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-globe-global-data-visualization_23-2152020910.jpg",
|
||||
imageAlt: "global climate change map",
|
||||
},
|
||||
{
|
||||
title: "Urban Thermal Analysis",
|
||||
description: "Predict city temperature variance with AI forecasting.",
|
||||
icon: Gauge,
|
||||
title: "Urban Thermal Analysis", description: "Predict city temperature variance with AI forecasting.", icon: Gauge,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170118.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170118.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170118.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-colorful-thermal-scan-with-celsius-degree-temperature_23-2149170118.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-night-weather-icons-crescent-stars_107791-17714.jpg?_wi=3",
|
||||
imageAlt: "wind patterns visualization",
|
||||
},
|
||||
]}
|
||||
title="Core Analytical Capabilities"
|
||||
@@ -201,26 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.9%",
|
||||
title: "Data Accuracy",
|
||||
description: "Average forecast precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-top-view_23-2150372429.jpg?_wi=1",
|
||||
},
|
||||
id: "1", value: "99.9%", title: "Data Accuracy", description: "Average forecast precision.", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-top-view_23-2150372429.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
title: "Global Stations",
|
||||
description: "Data collection network.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-top-view_23-2150372429.jpg?_wi=2",
|
||||
},
|
||||
id: "2", value: "50+", title: "Global Stations", description: "Data collection network.", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-top-view_23-2150372429.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Monitoring",
|
||||
description: "Continuous coverage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-top-view_23-2150372429.jpg?_wi=3",
|
||||
},
|
||||
id: "3", value: "24/7", title: "Monitoring", description: "Continuous coverage.", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-top-view_23-2150372429.jpg"},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Trusted by industry leaders worldwide."
|
||||
@@ -235,25 +166,15 @@ export default function LandingPage() {
|
||||
author="Dr. Elena Vance, Lead Meteorologist"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-119205.jpg",
|
||||
alt: "Dr. Elena Vance",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hiker-gazes-panoramic-view-dramatic-mountain-peaks-clouds_482257-119205.jpg", alt: "Dr. Elena Vance"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
alt: "Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg",
|
||||
alt: "Researcher",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg", alt: "Researcher"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg",
|
||||
alt: "Developer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg", alt: "Developer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-reddish-man-posing-touching-his-chin_158595-3747.jpg",
|
||||
alt: "Lead",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-reddish-man-posing-touching-his-chin_158595-3747.jpg", alt: "Lead"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -264,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Analysis Today"
|
||||
description="Contact us to request a demo or speak with our sales engineering team."
|
||||
@@ -277,29 +197,19 @@ export default function LandingPage() {
|
||||
logoText="WeatherScope"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "API Access",
|
||||
href: "#",
|
||||
},
|
||||
label: "API Access", href: "#"},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user