Update src/app/page.tsx
This commit is contained in:
205
src/app/page.tsx
205
src/app/page.tsx
@@ -22,9 +22,7 @@ export default function HomePage() {
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Get Started",
|
||||
href: "/dashboard",
|
||||
};
|
||||
text: "Get Started", href: "/dashboard"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -33,7 +31,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -54,7 +52,7 @@ export default function HomePage() {
|
||||
tag="Agricultural Innovation"
|
||||
tagIcon={Leaf}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{ text: "Start Monitoring", href: "/dashboard" },
|
||||
{ text: "Learn More", href: "/dashboard" },
|
||||
@@ -63,34 +61,22 @@ export default function HomePage() {
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-high-quality-macro-photograph-of-healt-1772641384500-ba534078.png?_wi=1",
|
||||
imageAlt: "Healthy silkworms on mulberry leaves",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-high-quality-macro-photograph-of-healt-1772641384500-ba534078.png", imageAlt: "Healthy silkworms on mulberry leaves"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-farmer-using-a-smartphone-to-capture-a-1772641384877-2651ce01.png?_wi=1",
|
||||
imageAlt: "Farmer using smartphone for disease detection",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-farmer-using-a-smartphone-to-capture-a-1772641384877-2651ce01.png", imageAlt: "Farmer using smartphone for disease detection"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-close-up-of-a-silkworm-displaying-earl-1772641384362-24a66ad2.png?_wi=1",
|
||||
imageAlt: "Close-up of diseased silkworm",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-close-up-of-a-silkworm-displaying-earl-1772641384362-24a66ad2.png", imageAlt: "Close-up of diseased silkworm"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-laboratory-setup-showing-ml-ai-technol-1772641384429-410f9fd9.png?_wi=1",
|
||||
imageAlt: "ML dashboard with health metrics",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-laboratory-setup-showing-ml-ai-technol-1772641384429-410f9fd9.png", imageAlt: "ML dashboard with health metrics"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-sericulture-farmer-working-in-a-tradit-1772641384848-758d4848.png?_wi=1",
|
||||
imageAlt: "Sericulture farming facility",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-sericulture-farmer-working-in-a-tradit-1772641384848-758d4848.png", imageAlt: "Sericulture farming facility"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-vibrant-scene-showing-silkworms-progre-1772641384778-a8f075e0.png?_wi=1",
|
||||
imageAlt: "Silkworm lifecycle progression",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-vibrant-scene-showing-silkworms-progre-1772641384778-a8f075e0.png", imageAlt: "Silkworm lifecycle progression"},
|
||||
]}
|
||||
ariaLabel="Hero section showcasing silkworm health monitoring platform"
|
||||
/>
|
||||
@@ -106,59 +92,43 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Image Acquisition",
|
||||
description:
|
||||
"Capture high-resolution images of your silkworms using any smartphone camera. Our system accepts images from the field, processing facility, or laboratory.",
|
||||
phoneOne: {
|
||||
title: "Image Acquisition", description:
|
||||
"Capture high-resolution images of your silkworms using any smartphone camera. Our system accepts images from the field, processing facility, or laboratory.", phoneOne: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-modern-mobile-application-interface-sh-1772641384177-b5450a14.png?_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-modern-mobile-application-interface-sh-1772641384177-b5450a14.png"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-modern-mobile-application-interface-sh-1772641384177-b5450a14.png?_wi=2",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-modern-mobile-application-interface-sh-1772641384177-b5450a14.png"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Intelligent Analysis",
|
||||
description:
|
||||
"Our AI models preprocess and extract visual features from the images, analyzing morphology, coloration, and texture patterns to identify disease indicators.",
|
||||
phoneOne: {
|
||||
title: "Intelligent Analysis", description:
|
||||
"Our AI models preprocess and extract visual features from the images, analyzing morphology, coloration, and texture patterns to identify disease indicators.", phoneOne: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-results-dashboard-displaying-disease-c-1772641384375-c60bf8df.png?_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-results-dashboard-displaying-disease-c-1772641384375-c60bf8df.png"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-results-dashboard-displaying-disease-c-1772641384375-c60bf8df.png?_wi=2",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-results-dashboard-displaying-disease-c-1772641384375-c60bf8df.png"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Disease Classification",
|
||||
description:
|
||||
"Advanced ML classifiers identify common silkworm diseases: Pebrine (protozoan), Grasserie (viral), Flacherie (bacterial), and Muscardine (fungal) with high confidence scores.",
|
||||
phoneOne: {
|
||||
title: "Disease Classification", description:
|
||||
"Advanced ML classifiers identify common silkworm diseases: Pebrine (protozoan), Grasserie (viral), Flacherie (bacterial), and Muscardine (fungal) with high confidence scores.", phoneOne: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-decision-support-system-interface-show-1772641384587-7fae876c.png?_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-decision-support-system-interface-show-1772641384587-7fae876c.png"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-decision-support-system-interface-show-1772641384587-7fae876c.png?_wi=2",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-decision-support-system-interface-show-1772641384587-7fae876c.png"},
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Actionable Recommendations",
|
||||
description:
|
||||
"Receive instant treatment recommendations, environmental controls (temperature, humidity adjustments), and preventive measures tailored to the diagnosis.",
|
||||
phoneOne: {
|
||||
title: "Actionable Recommendations", description:
|
||||
"Receive instant treatment recommendations, environmental controls (temperature, humidity adjustments), and preventive measures tailored to the diagnosis.", phoneOne: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/an-educational-infographic-showing-silkw-1772641384449-5f272fa0.png?_wi=1",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/an-educational-infographic-showing-silkw-1772641384449-5f272fa0.png"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/an-educational-infographic-showing-silkw-1772641384449-5f272fa0.png?_wi=2",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/an-educational-infographic-showing-silkw-1772641384449-5f272fa0.png"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -194,71 +164,35 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ramesh Kumar",
|
||||
handle: "@ramesh_silkfarm",
|
||||
testimonial:
|
||||
"SilkGuard transformed our disease management approach. Early detection of Pebrine in our facility prevented what could have been a catastrophic loss. The confidence scores and recommendations are incredibly accurate.",
|
||||
rating: 5,
|
||||
id: "1", name: "Ramesh Kumar", handle: "@ramesh_silkfarm", testimonial:
|
||||
"SilkGuard transformed our disease management approach. Early detection of Pebrine in our facility prevented what could have been a catastrophic loss. The confidence scores and recommendations are incredibly accurate.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-a-rural-sericul-1772641384957-dd8751e5.png?_wi=1",
|
||||
imageAlt: "Ramesh Kumar, sericulture farmer",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-a-rural-sericul-1772641384957-dd8751e5.png", imageAlt: "Ramesh Kumar, sericulture farmer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dr. Priya Sharma",
|
||||
handle: "@drsharma_research",
|
||||
testimonial:
|
||||
"As a researcher, I'm impressed by the ML accuracy and the multimodal approach. The platform provides actionable insights that bridge the gap between laboratory research and field practice. Highly recommended for agricultural research.",
|
||||
rating: 5,
|
||||
id: "2", name: "Dr. Priya Sharma", handle: "@drsharma_research", testimonial:
|
||||
"As a researcher, I'm impressed by the ML accuracy and the multimodal approach. The platform provides actionable insights that bridge the gap between laboratory research and field practice. Highly recommended for agricultural research.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-an-agricultural-1772641384652-f924493e.png?_wi=1",
|
||||
imageAlt: "Dr. Priya Sharma, agricultural researcher",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-an-agricultural-1772641384652-f924493e.png", imageAlt: "Dr. Priya Sharma, agricultural researcher"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anjali Patel",
|
||||
handle: "@anjali_agritec",
|
||||
testimonial:
|
||||
"The user interface is so intuitive that even our farm workers with limited tech experience can use it effectively. The decision support system has saved us thousands in crop losses by enabling quick intervention.",
|
||||
rating: 5,
|
||||
id: "3", name: "Anjali Patel", handle: "@anjali_agritec", testimonial:
|
||||
"The user interface is so intuitive that even our farm workers with limited tech experience can use it effectively. The decision support system has saved us thousands in crop losses by enabling quick intervention.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-a-young-sericul-1772641384528-2dee22fe.png",
|
||||
imageAlt: "Anjali Patel, agricultural entrepreneur",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-a-young-sericul-1772641384528-2dee22fe.png", imageAlt: "Anjali Patel, agricultural entrepreneur"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Professor Vikram Singh",
|
||||
handle: "@prof_vikram_edu",
|
||||
testimonial:
|
||||
"We've integrated SilkGuard into our agriculture curriculum. Students love learning with real-world AI applications. It's an excellent tool for demonstrating how technology can solve actual farming challenges.",
|
||||
rating: 5,
|
||||
id: "4", name: "Professor Vikram Singh", handle: "@prof_vikram_edu", testimonial:
|
||||
"We've integrated SilkGuard into our agriculture curriculum. Students love learning with real-world AI applications. It's an excellent tool for demonstrating how technology can solve actual farming challenges.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-an-experienced--1772641384753-eb2dae6e.png",
|
||||
imageAlt: "Professor Vikram Singh, agricultural educator",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-an-experienced--1772641384753-eb2dae6e.png", imageAlt: "Professor Vikram Singh, agricultural educator"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Deepak Nair",
|
||||
handle: "@deepak_cocoon",
|
||||
testimonial:
|
||||
"Our cocoon yield increased by 23% in the first season using SilkGuard. The early disease detection capability has been a game-changer for our operation. Definitely worth the investment.",
|
||||
rating: 5,
|
||||
id: "5", name: "Deepak Nair", handle: "@deepak_cocoon", testimonial:
|
||||
"Our cocoon yield increased by 23% in the first season using SilkGuard. The early disease detection capability has been a game-changer for our operation. Definitely worth the investment.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-a-rural-sericul-1772641384957-dd8751e5.png?_wi=2",
|
||||
imageAlt: "Deepak Nair, silk production manager",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-a-rural-sericul-1772641384957-dd8751e5.png", imageAlt: "Deepak Nair, silk production manager"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Meera Desai",
|
||||
handle: "@meera_organic_silk",
|
||||
testimonial:
|
||||
"Perfect for organic sericulture operations like ours. The platform helps us maintain healthy silkworm populations without relying on chemical interventions. The environmental recommendations align perfectly with organic practices.",
|
||||
rating: 5,
|
||||
id: "6", name: "Meera Desai", handle: "@meera_organic_silk", testimonial:
|
||||
"Perfect for organic sericulture operations like ours. The platform helps us maintain healthy silkworm populations without relying on chemical interventions. The environmental recommendations align perfectly with organic practices.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-an-agricultural-1772641384652-f924493e.png?_wi=2",
|
||||
imageAlt: "Meera Desai, organic silk farmer",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUJbbcH3faLiIhnFA32guEjgga/a-portrait-photograph-of-an-agricultural-1772641384652-f924493e.png", imageAlt: "Meera Desai, organic silk farmer"},
|
||||
]}
|
||||
showRating={true}
|
||||
carouselMode="buttons"
|
||||
@@ -278,47 +212,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Disease Detection Accuracy",
|
||||
subtitle: "Real-time image classification",
|
||||
category: "ML Performance",
|
||||
value: "94.7%",
|
||||
},
|
||||
id: "1", title: "Disease Detection Accuracy", subtitle: "Real-time image classification", category: "ML Performance", value: "94.7%"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Average Yield Improvement",
|
||||
subtitle: "First season results",
|
||||
category: "Productivity",
|
||||
value: "+23%",
|
||||
},
|
||||
id: "2", title: "Average Yield Improvement", subtitle: "First season results", category: "Productivity", value: "+23%"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Early Detection Rate",
|
||||
subtitle: "Days before visual symptoms",
|
||||
category: "Prevention",
|
||||
value: "3-5 days",
|
||||
},
|
||||
id: "3", title: "Early Detection Rate", subtitle: "Days before visual symptoms", category: "Prevention", value: "3-5 days"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Cost Savings Per Cycle",
|
||||
subtitle: "Reduced disease losses",
|
||||
category: "Economics",
|
||||
value: "₹15K-25K",
|
||||
},
|
||||
id: "4", title: "Cost Savings Per Cycle", subtitle: "Reduced disease losses", category: "Economics", value: "₹15K-25K"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Farmers Benefited",
|
||||
subtitle: "Across multiple regions",
|
||||
category: "Adoption",
|
||||
value: "2,000+",
|
||||
},
|
||||
id: "5", title: "Farmers Benefited", subtitle: "Across multiple regions", category: "Adoption", value: "2,000+"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Disease Outbreaks Prevented",
|
||||
subtitle: "Through early intervention",
|
||||
category: "Impact",
|
||||
value: "1,847",
|
||||
},
|
||||
id: "6", title: "Disease Outbreaks Prevented", subtitle: "Through early intervention", category: "Impact", value: "1,847"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -339,7 +243,7 @@ export default function HomePage() {
|
||||
{ text: "Start Free Trial", href: "/dashboard" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,8 +252,7 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/dashboard" },
|
||||
{ label: "Pricing", href: "/dashboard" },
|
||||
{ label: "Dashboard", href: "/dashboard" },
|
||||
@@ -357,8 +260,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Disease Library", href: "/resources" },
|
||||
{ label: "How It Works", href: "/" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -366,8 +268,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Careers", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user