Merge version_2 into main #4
@@ -1,51 +1,20 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Mulish } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const mulish = Mulish({
|
||||
variable: "--font-mulish", subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Desa Campurejo - Coastal Village, Gresik East Java", description: "Discover Desa Campurejo in Gresik, East Java. Explore our fishing heritage, cultural traditions, and modern development initiatives transforming our coastal community.", keywords: "Desa Campurejo, Gresik, East Java, fishing village, coastal community, Petik Laut, Indonesia", openGraph: {
|
||||
title: "Desa Campurejo - Coastal Community in East Java", description: "United by the Sea, Growing Together. Experience the maritime heritage and vibrant community of Desa Campurejo.", url: "https://desacampurejo.gresikkab.go.id", siteName: "Desa Campurejo", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/boat-water-sunset-ocean-background_1321-3254.jpg", alt: "Desa Campurejo coastal view"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Desa Campurejo - Coastal Village Gresik", description: "Discover traditions, culture, and community development in East Java's vibrant coastal village.", images: ["http://img.b2bpic.net/free-photo/boat-water-sunset-ocean-background_1321-3254.jpg"]
|
||||
}
|
||||
};
|
||||
title: "Desa Campurejo - Coastal Village Heritage", description: "Discover the maritime heritage, vibrant fishing culture, and community spirit of Desa Campurejo in Gresik, East Java."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${mulish.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1413,7 +1382,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
138
src/app/page.tsx
138
src/app/page.tsx
@@ -6,11 +6,11 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Anchor, Package } from 'lucide-react';
|
||||
import { Anchor, Waves, Users, Celebration, Heart, Compass } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -121,26 +121,94 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="culture" data-section="culture">
|
||||
<ProductCardFour
|
||||
title="Living Traditions"
|
||||
description="Petik Laut, our sea-harvest thanksgiving ritual, stands as a beacon of cultural identity and community solidarity. These celebrations honor the sea's bounty while reinforcing the bonds that hold our village together."
|
||||
tag="Cultural Heritage"
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
<TimelineProcessFlow
|
||||
title="Cultural Traditions and Community Spirit"
|
||||
description="Our village celebrates rich traditions that bind us together and connect us to our maritime heritage. Each event reflects our values and strengthens our community bonds."
|
||||
tag="Living Heritage"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
items={[
|
||||
{
|
||||
id: "1", name: "Petik Laut Festival", price: "Annual", variant: "Sea Thanksgiving Ritual", imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-fall_1121-45.jpg", imageAlt: "Petik Laut cultural celebration"
|
||||
id: "1", reverse: false,
|
||||
media: (
|
||||
<div className="w-full h-full bg-gradient-to-b from-[#0066cc] to-[#004499] flex items-center justify-center">
|
||||
<Waves className="w-24 h-24 text-white" />
|
||||
</div>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-xl font-semibold text-foreground">Sedekah Laut / Petik Laut</h3>
|
||||
<p className="text-sm text-foreground/80"><strong>History:</strong> An ancient maritime tradition of thanksgiving to the sea, believed to have originated centuries ago among Java's coastal communities. The practice honors the abundance provided by the ocean and seeks blessings for safe voyages and bountiful catches.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Chronology:</strong> Held annually, typically in the dry season when fishing is most productive. The ceremony includes community gatherings, traditional rituals, and the symbolic offering of harvested crops and crafts to the sea.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Significance:</strong> Reinforces community solidarity, maintains cultural identity, honors maritime heritage, and expresses gratitude for the sea's provisions. It's a celebration that brings all social classes together in shared reverence.</p>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "2", name: "Community Gatherings", price: "Year-Round", variant: "Village Bonding Events", imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-couple-harvest-fresh-asparagus-with-hand-together-put-into-basket_1150-4644.jpg?_wi=2", imageAlt: "Community gathering event"
|
||||
id: "2", reverse: true,
|
||||
media: (
|
||||
<div className="w-full h-full bg-gradient-to-b from-[#00aa66] to-[#006644] flex items-center justify-center">
|
||||
<Compass className="w-24 h-24 text-white" />
|
||||
</div>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-xl font-semibold text-foreground">Pasar Segoro (Sea Market)</h3>
|
||||
<p className="text-sm text-foreground/80"><strong>History:</strong> A traditional marketplace named after the sea, where fishermen and traders gather to sell their daily catch and goods. It's been the economic heart of our village, facilitating trade and community interaction for generations.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Chronology:</strong> Operating daily, with peak activity in early morning hours when fresh catches arrive. The market operates year-round, adapting to seasonal fishing patterns and seasonal produce availability.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Significance:</strong> Central to our economy, preserving traditional trading practices, providing livelihoods for hundreds of families, and serving as a cultural gathering point where community news and traditions are shared.</p>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "3", name: "Maritime Heritage", price: "Timeless", variant: "Fishing Traditions", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-bay-with-fishing-boats-near-sandy-shore_181624-37276.jpg?_wi=2", imageAlt: "Traditional fishing boats"
|
||||
id: "3", reverse: false,
|
||||
media: (
|
||||
<div className="w-full h-full bg-gradient-to-b from-[#ff8800] to-[#cc6600] flex items-center justify-center">
|
||||
<Users className="w-24 h-24 text-white" />
|
||||
</div>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-xl font-semibold text-foreground">Gotong Royong (Mutual Cooperation)</h3>
|
||||
<p className="text-sm text-foreground/80"><strong>History:</strong> A cornerstone of Indonesian village life, Gotong Royong embodies the spirit of collective responsibility. In Campurejo, it's practiced in community work projects, disaster response, and daily mutual aid.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Chronology:</strong> Practiced throughout the year in response to community needs—from maintaining infrastructure to supporting families during hardship. Major Gotong Royong activities occur during village development projects and seasonal preparations.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Significance:</strong> Strengthens social bonds, ensures equitable resource sharing, demonstrates Islamic values of brotherhood, and enables the community to accomplish what individuals cannot. It's the foundation of our village's resilience.</p>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "4", reverse: true,
|
||||
media: (
|
||||
<div className="w-full h-full bg-gradient-to-b from-[#cc0000] to-[#990000] flex items-center justify-center">
|
||||
<Celebration className="w-24 h-24 text-white" />
|
||||
</div>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-xl font-semibold text-foreground">Perayaan 17 Agustus (Independence Day Celebration)</h3>
|
||||
<p className="text-sm text-foreground/80"><strong>History:</strong> Indonesia's National Independence Day, commemorating independence from Dutch colonial rule in 1945. In Campurejo, this is celebrated with patriotic fervor that connects national identity with village pride.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Chronology:</strong> Observed annually on August 17th with preparations beginning weeks in advance. The celebration includes traditional games, parades, flag-raising ceremonies, and community gatherings that last throughout the day.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Significance:</strong> Unifies the village around national values, honors sacrifice for independence, fosters civic pride, and provides opportunities for youth engagement and cultural expression. It's a reminder of shared national identity and local pride.</p>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
{
|
||||
id: "5", reverse: false,
|
||||
media: (
|
||||
<div className="w-full h-full bg-gradient-to-b from-[#6600cc] to-[#440088] flex items-center justify-center">
|
||||
<Heart className="w-24 h-24 text-white" />
|
||||
</div>
|
||||
),
|
||||
content: (
|
||||
<div className="space-y-3">
|
||||
<h3 className="text-xl font-semibold text-foreground">Kegiatan Karang Taruna (Youth Organization Activities)</h3>
|
||||
<p className="text-sm text-foreground/80"><strong>History:</strong> Karang Taruna is a national youth organization structure existing in every Indonesian village. In Campurejo, it serves as the primary mechanism for youth engagement, skill development, and community service.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Chronology:</strong> Active year-round with monthly meetings and regular community service initiatives. Peak activities occur during village events, national holidays, and seasonal community needs like disaster relief or infrastructure projects.</p>
|
||||
<p className="text-sm text-foreground/80"><strong>Significance:</strong> Develops youth leadership, channels youthful energy toward productive community service, preserves cultural practices through youth participation, and prepares the next generation to take leadership roles in village governance and community development.</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,25 +220,21 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sudirman", handle: "@sudirman_nelayan", testimonial: "Fishing has been my family's livelihood for generations. The improvements in infrastructure have made it easier for us to reach more markets while maintaining our traditions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balinese-fisherman-authentic-boat-ocean-catching-fish_1321-2892.jpg", imageAlt: "Sudirman fisherman"
|
||||
id: "1", name: "Sudirman", imageSrc: "http://img.b2bpic.net/free-photo/balinese-fisherman-authentic-boat-ocean-catching-fish_1321-2892.jpg", imageAlt: "Sudirman fisherman"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Siti Nurhaliza", handle: "@siti_community", testimonial: "Desa Campurejo is my home. The new housing development has transformed so many families' lives, giving them dignity and hope for better futures.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-young-pretty-woman-wearing-beautiful-cloths-stand-smiling-while-relaxing-countryside-thailand-copy-space_1150-55875.jpg", imageAlt: "Siti Nurhaliza community member"
|
||||
id: "2", name: "Siti Nurhaliza", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-young-pretty-woman-wearing-beautiful-cloths-stand-smiling-while-relaxing-countryside-thailand-copy-space_1150-55875.jpg", imageAlt: "Siti Nurhaliza community member"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Bambang Sutrisno", handle: "@bambang_leader", testimonial: "Our Petik Laut celebration brings us closer each year. These traditions remind us of who we are and keep our community united.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-man-cafe_1262-1518.jpg", imageAlt: "Bambang Sutrisno community leader"
|
||||
id: "3", name: "Bambang Sutrisno", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-man-cafe_1262-1518.jpg", imageAlt: "Bambang Sutrisno community leader"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Rani Wijaya", handle: "@rani_youth", testimonial: "Growing up in Campurejo means being part of something special. The government's investment in our future shows that our village matters.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-handsome-executive-businessman-smart-casual-wear-looking-camera-smiling_7861-3118.jpg", imageAlt: "Rani Wijaya youth advocate"
|
||||
id: "4", name: "Rani Wijaya", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-handsome-executive-businessman-smart-casual-wear-looking-camera-smiling_7861-3118.jpg", imageAlt: "Rani Wijaya youth advocate"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
cardTitle="Over 3,000 community members united in celebrating Desa Campurejo's heritage and future"
|
||||
cardTag="Proud to Call Campurejo Home"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,19 +250,31 @@ export default function LandingPage() {
|
||||
id: "1", title: "What does the name Campurejo mean?", content: "The name comes from 'campur' (mix) and 'rejo' (prosperous), reflecting our heritage of communities coming together to thrive together."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is the Petik Laut tradition?", content: "Petik Laut is our annual sea-harvest thanksgiving ritual. It's a celebration where fishing communities gather to give thanks for the sea's bounty while strengthening community bonds and celebrating our maritime heritage."
|
||||
id: "2", title: "What is Sedekah Laut / Petik Laut?", content: "Sedekah Laut or Petik Laut is our annual sea-harvest thanksgiving ritual with deep historical roots in coastal Islamic traditions. It's a celebration where fishing communities gather to give thanks for the sea's bounty while strengthening community bonds and celebrating our maritime heritage. The ceremony includes traditional rituals, community gatherings, and symbolic offerings that honor both our cultural identity and spiritual values."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How is Desa Campurejo being developed?", content: "In 2025, the Indonesian government allocated Rp24.7 billion through the Dana Alokasi Khusus Pengentasan Permukiman Kumuh Terpadu (DAK PPKT) program for comprehensive development including improved housing, sanitation, water access, and roads."
|
||||
id: "3", title: "What is Pasar Segoro?", content: "Pasar Segoro (Sea Market) is our traditional marketplace where fishermen and traders gather daily, particularly in early morning hours. It's been the economic and cultural heart of our village for generations, providing livelihoods for hundreds of families and serving as a gathering point where news and traditions are shared."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What is the primary livelihood in Campurejo?", content: "Fishing is the primary economic driver. Our nelayan (fisherfolk) work the Java Sea using traditional, sustainable practices that have been refined over generations."
|
||||
id: "4", title: "What is Gotong Royong?", content: "Gotong Royong is the practice of mutual cooperation and collective responsibility that forms the foundation of village life. In Campurejo, it's practiced through community work projects, disaster response, and daily mutual aid. It embodies Islamic values of brotherhood and demonstrates how the community accomplishes together what individuals cannot alone."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How is Campurejo governed?", content: "Like other Indonesian villages, Desa Campurejo operates under the desa system with a Kepala Desa (Village Head), village council, and village apparatus serving the community's needs."
|
||||
id: "5", title: "How is Perayaan 17 Agustus celebrated?", content: "Indonesia's Independence Day (August 17th) is celebrated annually in Campurejo with patriotic fervor that connects national identity with village pride. Celebrations include traditional games, parades, flag-raising ceremonies, and community gatherings. It unifies the village around national values and provides opportunities for youth engagement and cultural expression."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What makes Campurejo unique?", content: "Campurejo is unique for its blend of strong maritime traditions, vibrant fishing culture, active community engagement, and its role as a demonstration village for sustainable coastal development and improved quality of life."
|
||||
id: "6", title: "What is Karang Taruna and what do they do?", content: "Karang Taruna is our youth organization that develops youth leadership and channels youthful energy toward productive community service. Active year-round, they organize community service initiatives, participate in village events, and preserve cultural practices through youth participation. They prepare the next generation to take leadership roles in village governance and community development."
|
||||
},
|
||||
{
|
||||
id: "7", title: "How is Desa Campurejo being developed?", content: "In 2025, the Indonesian government allocated Rp24.7 billion through the Dana Alokasi Khusus Pengentasan Permukiman Kumuh Terpadu (DAK PPKT) program for comprehensive development including improved housing, sanitation, water access, and roads."
|
||||
},
|
||||
{
|
||||
id: "8", title: "What is the primary livelihood in Campurejo?", content: "Fishing is the primary economic driver. Our nelayan (fisherfolk) work the Java Sea using traditional, sustainable practices that have been refined over generations."
|
||||
},
|
||||
{
|
||||
id: "9", title: "How is Campurejo governed?", content: "Like other Indonesian villages, Desa Campurejo operates under the desa system with a Kepala Desa (Village Head), village council, and village apparatus serving the community's needs."
|
||||
},
|
||||
{
|
||||
id: "10", title: "What makes Campurejo unique?", content: "Campurejo is unique for its blend of strong maritime traditions, vibrant fishing culture, active community engagement, rich cultural celebrations that connect us to our heritage, and its role as a demonstration village for sustainable coastal development and improved quality of life."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f5f5f5;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1c1c1c;;
|
||||
--primary-cta: #1f3251;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #15479c;;
|
||||
--background-accent: #a8cce8;; */
|
||||
/* --background: #fffef9;;
|
||||
--card: #f5f1e8;;
|
||||
--foreground: #1a1a1a;;
|
||||
--primary-cta: #006ba6;;
|
||||
--secondary-cta: #f0e8d8;;
|
||||
--accent: #d4a574;;
|
||||
--background-accent: #87ceeb;; */
|
||||
|
||||
--background: #f5f5f5;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1c1c1c;;
|
||||
--primary-cta: #1f3251;;
|
||||
--background: #fffef9;;
|
||||
--card: #f5f1e8;;
|
||||
--foreground: #1a1a1a;;
|
||||
--primary-cta: #006ba6;;
|
||||
--primary-cta-text: #f5f5f5;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta: #f0e8d8;;
|
||||
--secondary-cta-text: #1c1c1c;;
|
||||
--accent: #15479c;;
|
||||
--background-accent: #a8cce8;;
|
||||
--accent: #d4a574;;
|
||||
--background-accent: #87ceeb;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user