bender/ff531b9d-782e-4eee-8074-98067539e7d1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 3 commits from version_3 into main 2026-04-18 17:01:39 +00:00
Conversation 0 Commits 3 Files Changed 3 +134 -239
3 changed files with 134 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Destinations",
id: "destinations",
},
name: "Destinations", id: "destinations"},
{
name: "Find Guides",
id: "guides",
},
name: "Find Guides", id: "guides"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="WisataID"
/>
@@ -56,111 +48,61 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Explore Indonesia, Your Way"
description="Discover authentic experiences with local guides who know the heart of every island. From hidden gems to popular landmarks, find your perfect trip today."
testimonials={[
{
name: "Budi Santoso",
handle: "@budi_explorer",
testimonial: "The best way to see the real Indonesia! My guide was knowledgeable and kind.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-lake-surrounded-by-tree-covered-mountains-captured-thailand_181624-9435.jpg?_wi=1",
imageAlt: "indonesia landscape mountains scenery",
},
name: "Budi Santoso", handle: "@budi_explorer", testimonial: "The best way to see the real Indonesia! My guide was knowledgeable and kind.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-lake-surrounded-by-tree-covered-mountains-captured-thailand_181624-9435.jpg?_wi=1", imageAlt: "indonesia landscape mountains scenery"},
{
name: "Sarah Miller",
handle: "@smiller_travels",
testimonial: "Seamless booking and incredible experiences. Highly recommended platform.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195152.jpg?_wi=1",
imageAlt: "indonesia landscape mountains scenery",
},
name: "Sarah Miller", handle: "@smiller_travels", testimonial: "Seamless booking and incredible experiences. Highly recommended platform.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195152.jpg?_wi=1", imageAlt: "indonesia landscape mountains scenery"},
{
name: "Yuki Tanaka",
handle: "@yuki_jp",
testimonial: "Local insights made our trip to Borobudur unforgettable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_52683-136428.jpg?_wi=1",
imageAlt: "indonesia landscape mountains scenery",
},
name: "Yuki Tanaka", handle: "@yuki_jp", testimonial: "Local insights made our trip to Borobudur unforgettable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_52683-136428.jpg?_wi=1", imageAlt: "indonesia landscape mountains scenery"},
{
name: "David Clark",
handle: "@dclark_adventures",
testimonial: "Very user-friendly. Finding a guide was quick and easy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-office-assistant-enjoying-work-break_1262-19105.jpg?_wi=1",
imageAlt: "indonesia landscape mountains scenery",
},
name: "David Clark", handle: "@dclark_adventures", testimonial: "Very user-friendly. Finding a guide was quick and easy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-office-assistant-enjoying-work-break_1262-19105.jpg?_wi=1", imageAlt: "indonesia landscape mountains scenery"},
{
name: "Ayu Lestari",
handle: "@ayu_trip",
testimonial: "As a local, I'm proud to show others my country using this site.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg?_wi=1",
imageAlt: "indonesia landscape mountains scenery",
},
name: "Ayu Lestari", handle: "@ayu_trip", testimonial: "As a local, I'm proud to show others my country using this site.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg?_wi=1", imageAlt: "indonesia landscape mountains scenery"},
]}
buttons={[
{
text: "Become a Guide",
href: "#contact",
},
text: "Become a Guide", href: "#contact"},
{
text: "Find Destinations",
href: "#destinations",
},
text: "Find Destinations", href: "#destinations"},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-lake-surrounded-by-tree-covered-mountains-captured-thailand_181624-9435.jpg?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-woman-checking-her-tablet-directions_23-2148631420.jpg",
alt: "Side view woman checking her tablet for directions",
},
src: "http://img.b2bpic.net/free-photo/side-view-woman-checking-her-tablet-directions_23-2148631420.jpg", alt: "Side view woman checking her tablet for directions"},
{
src: "http://img.b2bpic.net/free-photo/traveler-man-holding-map-looking-directions_58466-11010.jpg",
alt: "Traveler man holding a map and looking for directions.",
},
src: "http://img.b2bpic.net/free-photo/traveler-man-holding-map-looking-directions_58466-11010.jpg", alt: "Traveler man holding a map and looking for directions."},
{
src: "http://img.b2bpic.net/free-photo/young-traveler-woman-checking-out-sights-map_1163-1797.jpg",
alt: "Young traveler woman checking out sights on map",
},
src: "http://img.b2bpic.net/free-photo/young-traveler-woman-checking-out-sights-map_1163-1797.jpg", alt: "Young traveler woman checking out sights on map"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-lovely-young-woman-tourist_171337-13372.jpg",
alt: "Close up portrait of a lovely young woman tourist",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-lovely-young-woman-tourist_171337-13372.jpg", alt: "Close up portrait of a lovely young woman tourist"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433339.jpg",
alt: "Medium shot woman working in the office of a travel agency",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433339.jpg", alt: "Medium shot woman working in the office of a travel agency"},
]}
marqueeItems={[
{
type: "text-icon",
text: "Authentic Tours",
icon: MapPin,
type: "text-icon", text: "Authentic Tours", icon: MapPin,
},
{
type: "text-icon",
text: "Local Experts",
icon: Users,
type: "text-icon", text: "Local Experts", icon: Users,
},
{
type: "text-icon",
text: "Safe Payments",
icon: ShieldCheck,
type: "text-icon", text: "Safe Payments", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Verified Guides",
icon: CheckCircle,
type: "text-icon", text: "Verified Guides", icon: CheckCircle,
},
{
type: "text-icon",
text: "24/7 Support",
icon: Phone,
type: "text-icon", text: "24/7 Support", icon: Phone,
},
]}
/>
@@ -174,59 +116,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "dest-1",
brand: "Bali",
name: "Tanah Lot Temple",
price: "View Details",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/landscape-lake-surrounded-by-mountains_23-2148215163.jpg",
},
id: "dest-1", brand: "Bali", name: "Tanah Lot Temple", price: "View Details", rating: 5,
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/landscape-lake-surrounded-by-mountains_23-2148215163.jpg"},
{
id: "dest-2",
brand: "Java",
name: "Borobudur Temple",
price: "View Details",
rating: 5,
reviewCount: "2.1k",
imageSrc: "http://img.b2bpic.net/free-photo/group-tourists-walk-mountains-bali_72229-1004.jpg",
},
id: "dest-2", brand: "Java", name: "Borobudur Temple", price: "View Details", rating: 5,
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/group-tourists-walk-mountains-bali_72229-1004.jpg"},
{
id: "dest-3",
brand: "Jakarta",
name: "Monumen Nasional",
price: "View Details",
rating: 4,
reviewCount: "890",
imageSrc: "http://img.b2bpic.net/free-photo/volcano-landscape-sunrise_1150-18342.jpg",
},
id: "dest-3", brand: "Jakarta", name: "Monumen Nasional", price: "View Details", rating: 4,
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/volcano-landscape-sunrise_1150-18342.jpg"},
{
id: "dest-4",
brand: "Sumatra",
name: "Lake Toba",
price: "View Details",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-waterfall-streaming-down-into-river-surrounded-by-greens_181624-43780.jpg",
},
id: "dest-4", brand: "Sumatra", name: "Lake Toba", price: "View Details", rating: 5,
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-waterfall-streaming-down-into-river-surrounded-by-greens_181624-43780.jpg"},
{
id: "dest-5",
brand: "Bandung",
name: "Tangkuban Perahu",
price: "View Details",
rating: 5,
reviewCount: "1.1k",
imageSrc: "http://img.b2bpic.net/free-photo/lake-batur-bali_1385-243.jpg",
},
id: "dest-5", brand: "Bandung", name: "Tangkuban Perahu", price: "View Details", rating: 5,
reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/lake-batur-bali_1385-243.jpg"},
{
id: "dest-6",
brand: "Lombok",
name: "Mount Rinjani",
price: "View Details",
rating: 5,
reviewCount: "950",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-198.jpg",
},
id: "dest-6", brand: "Lombok", name: "Mount Rinjani", price: "View Details", rating: 5,
reviewCount: "950", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-198.jpg"},
]}
title="Top Indonesian Destinations"
description="Uncover the magic of the archipelago."
@@ -240,23 +146,11 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "g-1",
name: "Andi Pratama",
role: "Cultural Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195152.jpg?_wi=2",
},
id: "g-1", name: "Andi Pratama", role: "Cultural Specialist", imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-around-world_23-2148195152.jpg?_wi=2"},
{
id: "g-2",
name: "Dewi Sartika",
role: "Nature Adventure Lead",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_52683-136428.jpg?_wi=2",
},
id: "g-2", name: "Dewi Sartika", role: "Nature Adventure Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_52683-136428.jpg?_wi=2"},
{
id: "g-3",
name: "Rian Hidayat",
role: "History Expert",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-office-assistant-enjoying-work-break_1262-19105.jpg?_wi=2",
},
id: "g-3", name: "Rian Hidayat", role: "History Expert", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-office-assistant-enjoying-work-break_1262-19105.jpg?_wi=2"},
]}
title="Meet Your Tour Guides"
description="Professional locals ready to show you the beauty of Indonesia."
@@ -270,26 +164,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m-1",
value: "500+",
title: "Guides Registered",
description: "Local experts ready to help",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-landscape_181624-92.jpg",
},
id: "m-1", value: "500+", title: "Guides Registered", description: "Local experts ready to help", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-landscape_181624-92.jpg"},
{
id: "m-2",
value: "10k+",
title: "Successful Tours",
description: "Happy travelers explored Indonesia",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-aerial-shot-grassy-hills-palm-trees-daytime_181624-1904.jpg",
},
id: "m-2", value: "10k+", title: "Successful Tours", description: "Happy travelers explored Indonesia", imageSrc: "http://img.b2bpic.net/free-photo/vertical-aerial-shot-grassy-hills-palm-trees-daytime_181624-1904.jpg"},
{
id: "m-3",
value: "34",
title: "Provinces Served",
description: "Covering the whole archipelago",
imageSrc: "http://img.b2bpic.net/free-photo/bali-waterfall-indonesia_1150-11024.jpg",
},
id: "m-3", value: "34", title: "Provinces Served", description: "Covering the whole archipelago", imageSrc: "http://img.b2bpic.net/free-photo/bali-waterfall-indonesia_1150-11024.jpg"},
]}
title="Impactful Tourism"
description="Empowering local communities across the nation."
@@ -303,40 +182,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah",
handle: "@sarah",
testimonial: "Amazing service!",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg?_wi=2",
},
id: "1", name: "Sarah", handle: "@sarah", testimonial: "Amazing service!", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg?_wi=2"},
{
id: "2",
name: "Mike",
handle: "@mike",
testimonial: "Truly authentic.",
imageSrc: "http://img.b2bpic.net/free-photo/hikers-viewing-platform_23-2147683184.jpg",
},
id: "2", name: "Mike", handle: "@mike", testimonial: "Truly authentic.", imageSrc: "http://img.b2bpic.net/free-photo/hikers-viewing-platform_23-2147683184.jpg"},
{
id: "3",
name: "Chloe",
handle: "@chloe",
testimonial: "Easy and reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-traveling-new-place_23-2148631326.jpg",
},
id: "3", name: "Chloe", handle: "@chloe", testimonial: "Easy and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-traveling-new-place_23-2148631326.jpg"},
{
id: "4",
name: "Jason",
handle: "@jason",
testimonial: "Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-brunet-darkskinned-man-beige-shorts-orange-jacket-posing-having-fun-stairs-outside-young-guy-sunglasses-listens-music-headphones_197531-28838.jpg",
},
id: "4", name: "Jason", handle: "@jason", testimonial: "Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-brunet-darkskinned-man-beige-shorts-orange-jacket-posing-having-fun-stairs-outside-young-guy-sunglasses-listens-music-headphones_197531-28838.jpg"},
{
id: "5",
name: "Emily",
handle: "@emily",
testimonial: "Beautiful trip.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151742639.jpg",
},
id: "5", name: "Emily", handle: "@emily", testimonial: "Beautiful trip.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151742639.jpg"},
]}
title="Traveler Voices"
description="What our guests have to say."
@@ -349,20 +203,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q-1",
title: "How do I become a guide?",
content: "Simply fill out our application form and complete the verification process.",
},
id: "q-1", title: "How do I become a guide?", content: "Simply fill out our application form and complete the verification process."},
{
id: "q-2",
title: "Are guide payments secure?",
content: "Yes, we use a secure escrow payment system for all bookings.",
},
id: "q-2", title: "Are guide payments secure?", content: "Yes, we use a secure escrow payment system for all bookings."},
{
id: "q-3",
title: "Can I cancel my tour?",
content: "Cancellation policies depend on the specific guide and tour type.",
},
id: "q-3", title: "Can I cancel my tour?", content: "Cancellation policies depend on the specific guide and tour type."},
]}
title="Frequently Asked Questions"
description="Answers to common questions about traveling and guiding."
@@ -377,15 +222,9 @@ export default function LandingPage() {
description="Start your journey with us today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
name: "name", type: "text", placeholder: "Your Name"},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
name: "email", type: "email", placeholder: "Your Email"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mountain-medvednica-zagreb-cloudy-sky_181624-6101.jpg"
/>
@@ -395,29 +234,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "About",
href: "#hero",
},
label: "About", href: "#hero"},
{
label: "Guides",
href: "#guides",
},
label: "Guides", href: "#guides"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}
@@ -428,4 +257,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

66
src/app/register-guide/page.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function RegisterGuidePage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="blurBottom"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Destinations", id: "/#destinations" },
{ name: "Find Guides", id: "/#guides" },
{ name: "FAQ", id: "/#faq" },
{ name: "Become a Guide", id: "/register-guide" },
]}
brandName="WisataID"
/>
</div>
<div id="contact" data-section="contact" className="py-20">
<ContactSplitForm
title="Register as a Tour Guide"
description="Complete the form below to begin your verification process and join our expert network."
inputs={[
{ name: "fullName", type: "text", placeholder: "Full Legal Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "experience", type: "text", placeholder: "Years of Experience", required: true },
]}
textarea={{ name: "about", placeholder: "Tell us about your expertise and favorite regions...", rows: 4, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-traveler-with-backpack-map-looking-away_23-2148195155.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Platform", items: [{ label: "Home", href: "/" }, { label: "Guides", href: "/#guides" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 WisataID. All rights reserved."
bottomRightText="Built with passion for Indonesia"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);