Update src/pages/HomePage.tsx
This commit is contained in:
@@ -5,177 +5,137 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import { Award, Calendar, MapPin, Mic, Music, Palette, Users } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Preserving Culture"
|
||||
title="Village Heritage & Activities Hub"
|
||||
description="Discover the timeless beauty of rural life. Immerse yourself in authentic traditions, vibrant festivals, and the warmth of our community."
|
||||
primaryButton={{
|
||||
text: "Explore Events", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Plan Your Visit", href: "#contact"}}
|
||||
items={[
|
||||
{
|
||||
videoSrc: "http://img.b2bpic.net/free-photo/aerial-view-coastal-village-lush-tropical-forest-palau_1308-190396.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-countryside_181624-36780.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Preserving Culture"
|
||||
title="Village Heritage & Activities Hub"
|
||||
description="Discover the timeless beauty of rural life. Immerse yourself in authentic traditions, vibrant festivals, and the warmth of our community."
|
||||
primaryButton={{ text: "Explore Events", href: "#features" }}
|
||||
secondaryButton={{ text: "Plan Your Visit", href: "#contact" }}
|
||||
items={[
|
||||
{ videoSrc: "http://img.b2bpic.net/free-photo/aerial-view-coastal-village-lush-tropical-forest-palau_1308-190396.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/house-countryside_181624-36780.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Village Pulse"
|
||||
title="Community Highlights"
|
||||
description="Our thriving community by the numbers."
|
||||
metrics={[
|
||||
{
|
||||
icon: "Users", title: "Local Population", value: "1,200+"},
|
||||
{
|
||||
icon: "Calendar", title: "Annual Festivals", value: "24+"},
|
||||
{
|
||||
icon: "MapPin", title: "Tourist Attractions", value: "15+"},
|
||||
{
|
||||
icon: "Award", title: "Heritage Awards", value: "10+"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Village Pulse"
|
||||
title="Community Highlights"
|
||||
description="Our thriving community by the numbers."
|
||||
metrics={[
|
||||
{ icon: "Users", title: "Local Population", value: "1,200+" },
|
||||
{ icon: "Calendar", title: "Annual Festivals", value: "24+" },
|
||||
{ icon: "MapPin", title: "Tourist Attractions", value: "15+" },
|
||||
{ icon: "Award", title: "Heritage Awards", value: "10+" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Explore Life"
|
||||
title="Authentic Village Activities"
|
||||
description="Engage with deep-rooted traditions and contemporary farming practices in the heart of our community."
|
||||
features={[
|
||||
{
|
||||
title: "Agriculture & Farming", description: "Witness sustainable farming and harvest traditional organic produce.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fields-greenhouse_181624-17783.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-wearing-hat-watering-plant-garden-with-hose_23-2148165218.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-garage-sale_23-2150661453.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Folk Arts & Music", description: "Experience our traditional folk music and artistic heritage.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{
|
||||
icon: "Music", title: "Live Folk", subtitle: "Daily Gatherings", detail: "Hear the stories of the land."},
|
||||
{
|
||||
icon: "Palette", title: "Artisan Workshops", subtitle: "Pottery & Weaving", detail: "Create your own piece of history."},
|
||||
{
|
||||
icon: "Mic", title: "Oral Histories", subtitle: "Village Stories", detail: "Legends told by elders."},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community Programs", description: "Join local workshops and volunteer opportunities that enrich our shared heritage.", bentoComponent: "checklist-timeline", heading: "Getting Involved", subheading: "Programs for visitors and locals", checklistItems: [
|
||||
{
|
||||
label: "Farm-to-Table Workshop", detail: "Seasonal food harvesting."},
|
||||
{
|
||||
label: "Cultural Heritage Walks", detail: "Guided village tours."},
|
||||
{
|
||||
label: "Youth Leadership Camp", detail: "Connecting generations."},
|
||||
],
|
||||
completedLabel: "Certified"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Explore Life"
|
||||
title="Authentic Village Activities"
|
||||
description="Engage with deep-rooted traditions and contemporary farming practices in the heart of our community."
|
||||
features={[
|
||||
{
|
||||
title: "Agriculture & Farming", description: "Witness sustainable farming and harvest traditional organic produce.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fields-greenhouse_181624-17783.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-wearing-hat-watering-plant-garden-with-hose_23-2148165218.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-garage-sale_23-2150661453.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Folk Arts & Music", description: "Experience our traditional folk music and artistic heritage.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{ icon: "Music", title: "Live Folk", subtitle: "Daily Gatherings", detail: "Hear the stories of the land." },
|
||||
{ icon: "Palette", title: "Artisan Workshops", subtitle: "Pottery & Weaving", detail: "Create your own piece of history." },
|
||||
{ icon: "Mic", title: "Oral Histories", subtitle: "Village Stories", detail: "Legends told by elders." },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community Programs", description: "Join local workshops and volunteer opportunities that enrich our shared heritage.", bentoComponent: "checklist-timeline", heading: "Getting Involved", subheading: "Programs for visitors and locals", checklistItems: [
|
||||
{ label: "Farm-to-Table Workshop", detail: "Seasonal food harvesting." },
|
||||
{ label: "Cultural Heritage Walks", detail: "Guided village tours." },
|
||||
{ label: "Youth Leadership Camp", detail: "Connecting generations." },
|
||||
],
|
||||
completedLabel: "Certified"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<SectionErrorBoundary name="gallery">
|
||||
<FeaturesImageBento
|
||||
tag="Visual Stories"
|
||||
title="Moments in Our Village"
|
||||
description="A curated collection of nature, festivals, and everyday rural grace."
|
||||
items={[
|
||||
{
|
||||
title: "Serene Landscape", description: "Calm lakes at dawn.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lake-surrounded-by-trees-golden-hour_181624-4100.jpg"},
|
||||
{
|
||||
title: "Festival Spirit", description: "Vibrant processions.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-walk-theme-park_23-2148011844.jpg"},
|
||||
{
|
||||
title: "Artisan Craft", description: "Handmade wonders.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950908.jpg"},
|
||||
{
|
||||
title: "Farm Harvest", description: "Fresh organic bounty.", imageSrc: "http://img.b2bpic.net/free-photo/half-basket-with-organic-carrots-bascket-with-pumpkins-carrots-radishes_23-2148332201.jpg"},
|
||||
{
|
||||
title: "Temple Grounds", description: "Spiritual architecture.", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door_1339-4255.jpg"},
|
||||
{
|
||||
title: "Children Play", description: "Rural childhood joy.", imageSrc: "http://img.b2bpic.net/free-photo/three-player-playing-basketball-outdoors-court_23-2147871604.jpg"},
|
||||
{
|
||||
title: "Folk Mural", description: "Cultural wall art.", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4269.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Visual Stories"
|
||||
title="Moments in Our Village"
|
||||
description="A curated collection of nature, festivals, and everyday rural grace."
|
||||
items={[
|
||||
{ title: "Serene Landscape", description: "Calm lakes at dawn.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-lake-surrounded-by-trees-golden-hour_181624-4100.jpg" },
|
||||
{ title: "Festival Spirit", description: "Vibrant processions.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-walk-theme-park_23-2148011844.jpg" },
|
||||
{ title: "Artisan Craft", description: "Handmade wonders.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950908.jpg" },
|
||||
{ title: "Farm Harvest", description: "Fresh organic bounty.", imageSrc: "http://img.b2bpic.net/free-photo/half-basket-with-organic-carrots-bascket-with-pumpkins-carrots-radishes_23-2148332201.jpg" },
|
||||
{ title: "Temple Grounds", description: "Spiritual architecture.", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door_1339-4255.jpg" },
|
||||
{ title: "Children Play", description: "Rural childhood joy.", imageSrc: "http://img.b2bpic.net/free-photo/three-player-playing-basketball-outdoors-court_23-2147871604.jpg" },
|
||||
{ title: "Folk Mural", description: "Cultural wall art.", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4269.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialOverlayCards
|
||||
tag="Voices of the Village"
|
||||
title="Community & Visitor Insights"
|
||||
description="Stories from those who call this home and those who came to experience it."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ramesh Singh", role: "Elder Artisan", company: "Village Heritage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498486.jpg"},
|
||||
{
|
||||
name: "Sita Devi", role: "Community Lead", company: "Village Heritage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-nature_23-2149181976.jpg"},
|
||||
{
|
||||
name: "Jonathan M.", role: "Global Traveler", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-having-fun-outdoors_23-2148970098.jpg"},
|
||||
{
|
||||
name: "Vikram K.", role: "Organic Farmer", company: "Village Heritage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309549.jpg"},
|
||||
{
|
||||
name: "Anita Rao", role: "Teacher", company: "Village Heritage", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-therapy_23-2148928793.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Voices of the Village"
|
||||
title="Community & Visitor Insights"
|
||||
description="Stories from those who call this home and those who came to experience it."
|
||||
testimonials={[
|
||||
{ name: "Ramesh Singh", role: "Elder Artisan", company: "Village Heritage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498486.jpg" },
|
||||
{ name: "Sita Devi", role: "Community Lead", company: "Village Heritage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-nature_23-2149181976.jpg" },
|
||||
{ name: "Jonathan M.", role: "Global Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-having-fun-outdoors_23-2148970098.jpg" },
|
||||
{ name: "Vikram K.", role: "Organic Farmer", company: "Village Heritage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-park-ranger-woods_23-2149309549.jpg" },
|
||||
{ name: "Anita Rao", role: "Teacher", company: "Village Heritage", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-therapy_23-2148928793.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Plan Your Visit"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about visiting or participating in community events? Find your answers here."
|
||||
items={[
|
||||
{
|
||||
question: "What is the best season to visit?", answer: "The harvest season from October to February offers the most vibrant festival activities and pleasant weather."},
|
||||
{
|
||||
question: "Are there accommodations available?", answer: "Yes, we offer traditional homestay experiences with local families as well as a community-run guest house."},
|
||||
{
|
||||
question: "How can I volunteer in the village?", answer: "Volunteer applications for agricultural projects and community teaching are open year-round through our website contact form."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Plan Your Visit"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about visiting or participating in community events? Find your answers here."
|
||||
items={[
|
||||
{ question: "What is the best season to visit?", answer: "The harvest season from October to February offers the most vibrant festival activities and pleasant weather." },
|
||||
{ question: "Are there accommodations available?", answer: "Yes, we offer traditional homestay experiences with local families as well as a community-run guest house." },
|
||||
{ question: "How can I volunteer in the village?", answer: "Volunteer applications for agricultural projects and community teaching are open year-round through our website contact form." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Planning your trip? Have questions? Contact our village heritage center today."
|
||||
primaryButton={{
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Join Newsletter", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in Touch"
|
||||
text="Planning your trip? Have questions? Contact our village heritage center today."
|
||||
primaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
secondaryButton={{ text: "Join Newsletter", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user