Merge version_3 into main #3
113
src/app/page.tsx
113
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -37,26 +37,26 @@ export default function LandingPage() {
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="I Love Punta"
|
||||
brandName="Balanac River Dam Cottage"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Your Scenic Escape in Rizal"
|
||||
description="Breathtaking views, fresh air, and unforgettable moments—just a short drive away."
|
||||
title="Stay at Balanac River Dam Cottage"
|
||||
description="Discover the serenity of nature with direct views of the majestic river and dam. Your perfect retreat awaits."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+63000000000" },
|
||||
{ text: "Plan Your Visit", href: "#contact" },
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-beautiful-seashore-village-philippines_181624-52625.jpg", imageAlt: "Panoramic viewpoint of Laguna de Bay" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-park-taking-photo-from-camera_23-2148027163.jpg", imageAlt: "Visitor enjoying the sunset" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/shady-hilly-path_23-2147632826.jpg", imageAlt: "Scenic nature trail" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/purple-fruit-amidst-sea-green-photo-tiny-fruits-branch_181624-32144.jpg", imageAlt: "Lush green scenery" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-casual-couple-enjoy-each-other-green-tree_613910-7803.jpg", imageAlt: "Family photo spot" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/daisy-flowers-near-river_23-2148204057.jpg", imageAlt: "Morning mist over the hills" },
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-river-winding-through-plains-cloudy-sky_181624-10813.jpg", imageAlt: "Balanac River View" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/daisy-flowers-near-river_23-2148204057.jpg", imageAlt: "Nature surrounding the cottage" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/shady-hilly-path_23-2147632826.jpg", imageAlt: "Pathway to the cottage" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-casual-couple-enjoy-each-other-green-tree_613910-7803.jpg", imageAlt: "Relaxation area" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-beautiful-seashore-village-philippines_181624-52625.jpg", imageAlt: "Aerial view of the region" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-park_1157-20574.jpg", imageAlt: "Family friendly getaway" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -64,11 +64,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Hidden Gem in Rizal"
|
||||
title="Your Nature Haven"
|
||||
metrics={[
|
||||
{ icon: Mountain, label: "Scenic Spots", value: "15+" },
|
||||
{ icon: Sun, label: "Daily Sunsets", value: "1" },
|
||||
{ icon: MapPin, label: "Accessibility", value: "High" },
|
||||
{ icon: Mountain, label: "Mountain View", value: "100%" },
|
||||
{ icon: Sun, label: "Peaceful", value: "Max" },
|
||||
{ icon: MapPin, label: "Near Manila", value: "Easy" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -80,12 +80,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Breathtaking Views", tags: ["Scenic"], imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-river-winding-through-plains-cloudy-sky_181624-10813.jpg", imageAlt: "View of Laguna de Bay" },
|
||||
{ id: "f2", title: "Family Friendly", tags: ["Relaxing"], imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-park_1157-20574.jpg", imageAlt: "Families enjoying the park" },
|
||||
{ id: "f3", title: "Perfect Photos", tags: ["Instagram"], imageSrc: "http://img.b2bpic.net/free-photo/female-tourist-taking-selfie_23-2147982020.jpg", imageAlt: "Couple taking photos" },
|
||||
{ id: "f1", title: "Private Cottage Access", tags: ["Exclusive"], imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-river-winding-through-plains-cloudy-sky_181624-10813.jpg", imageAlt: "Cozy cottage room" },
|
||||
{ id: "f2", title: "Riverside Picnic Spots", tags: ["Relaxing"], imageSrc: "http://img.b2bpic.net/free-photo/daisy-flowers-near-river_23-2148204057.jpg", imageAlt: "Picnic area near river" },
|
||||
{ id: "f3", title: "Guided Dam Tours", tags: ["Adventure"], imageSrc: "http://img.b2bpic.net/free-photo/shady-hilly-path_23-2147632826.jpg", imageAlt: "Guided trail tour" },
|
||||
]}
|
||||
title="Why Visit I Love Punta?"
|
||||
description="Experience nature in its purest form, located perfectly for a weekend getaway."
|
||||
title="Experience True Nature"
|
||||
description="From quiet river mornings to scenic afternoon dam tours, we provide the ultimate escape."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,12 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.5", description: "Average Rating" },
|
||||
{ id: "m2", value: "70+", description: "Five Star Reviews" },
|
||||
{ id: "m3", value: "1K+", description: "Happy Visitors" },
|
||||
{ id: "m1", value: "5-Star", description: "Guest Satisfaction" },
|
||||
{ id: "m2", value: "Year-Round", description: "Best Time To Visit" },
|
||||
{ id: "m3", value: "Seamless", description: "Online Booking" },
|
||||
]}
|
||||
title="Trust The Experience"
|
||||
description="Join hundreds of happy visitors who have made us their go-to destination."
|
||||
title="Why Guests Love Us"
|
||||
description="Our commitment to your comfort and connection with nature sets us apart."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,48 +110,55 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Amazing View", quote: "The most peaceful place I've visited in Rizal. Highly recommend!", name: "Anna Cruz", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg" },
|
||||
{ id: "t2", title: "Perfect Escape", quote: "Great scenery, fresh air, and easy access from Manila.", name: "Mark Santos", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251740.jpg" },
|
||||
{ id: "t3", title: "Family Favorite", quote: "Kids loved the open spaces. We'll be back soon!", name: "Elena Reyes", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-woman-taking-selfie_23-2149514084.jpg" },
|
||||
{ id: "t4", title: "Stunning Sunset", quote: "Caught the best sunset of my life here. Simply gorgeous.", name: "Juan Dela Cruz", role: "Blogger", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-glad-mixed-race-black-woman-with-crisp-hair-makes-selfie-portrait-listens-audio-track-headphones-being-high-spirit-has-spare-time-afer-classes-enjoys-exciting-audio-book_273609-28942.jpg" },
|
||||
{ id: "t5", title: "So Relaxing", quote: "A much-needed break from the city noise. Thank you!", name: "Sofia Reyes", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-park_1262-18863.jpg" },
|
||||
{ id: "t1", title: "A Hidden Paradise", quote: "The cottage was clean and the view was breathtaking. Best weekend trip ever.", name: "Sarah M.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg" },
|
||||
{ id: "t2", title: "Perfect Nature Stay", quote: "Waking up to the sound of the river is unmatched. Highly recommended!", name: "John P.", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251740.jpg" },
|
||||
]}
|
||||
title="What Visitors Say"
|
||||
description="Don't take our word for it—read about the experiences of our guests."
|
||||
title="What Our Guests Say"
|
||||
description="Your satisfaction is our motivation. See what others have experienced."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqBase
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What is the best time to visit?", content: "Early mornings or late afternoons are perfect for the best views and cooler weather." },
|
||||
{ id: "q2", title: "Is parking available?", content: "Yes, we have a spacious parking area available for all our guests." },
|
||||
{ id: "q3", title: "Is the area family-friendly?", content: "Absolutely! We cater to families, couples, and groups of all sizes." },
|
||||
{ id: "q4", title: "What is the entrance fee?", content: "Entrance fees are minimal and cover facility maintenance. Please [book your slot here](#contact) to guarantee entry." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get all the information you need for a smooth booking and visit."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "q1", title: "How can I book a cottage?", content: "You can book directly through our contact form below or reach us via WhatsApp/SMS." },
|
||||
{ id: "q2", title: "What should I bring?", content: "Pack light, bring comfortable footwear, and don't forget your camera!" },
|
||||
{ id: "q3", title: "Are pets allowed?", content: "We welcome well-behaved pets in designated areas. Please inform us beforehand." },
|
||||
]}
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Visit?"
|
||||
description="Send us an inquiry and we'll help you plan your perfect day in Rizal."
|
||||
<ContactSplitForm
|
||||
title="Book Your Stay"
|
||||
description="Secure your date. Fill out the form and our booking coordinator will confirm your stay immediately."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Preferred dates and any special requests?", rows: 4 }}
|
||||
buttonText="Send Booking Inquiry"
|
||||
mediaPosition="left"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scenic-view-river-winding-through-plains-cloudy-sky_181624-10813.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="I Love Punta"
|
||||
copyrightText="© 2025 I Love Punta | Rizal, Philippines"
|
||||
<FooterLogoEmphasis
|
||||
logoText="Balanac River Dam Cottage"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Bookings", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user