Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
385
src/app/page.tsx
385
src/app/page.tsx
@@ -19,279 +19,138 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="I Love Punta"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="I Love Punta"
|
||||
/>
|
||||
</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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+63000000000",
|
||||
},
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+63000000000" },
|
||||
{ text: "Plan Your Visit", href: "#contact" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Hidden Gem in Rizal"
|
||||
metrics={[
|
||||
{
|
||||
icon: Mountain,
|
||||
label: "Scenic Spots",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "Daily Sunsets",
|
||||
value: "1",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Accessibility",
|
||||
value: "High",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Hidden Gem in Rizal"
|
||||
metrics={[
|
||||
{ icon: Mountain, label: "Scenic Spots", value: "15+" },
|
||||
{ icon: Sun, label: "Daily Sunsets", value: "1" },
|
||||
{ icon: MapPin, label: "Accessibility", value: "High" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Why Visit I Love Punta?"
|
||||
description="Experience nature in its purest form, located perfectly for a weekend getaway."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
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" },
|
||||
]}
|
||||
title="Why Visit I Love Punta?"
|
||||
description="Experience nature in its purest form, located perfectly for a weekend getaway."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Trust The Experience"
|
||||
description="Join hundreds of happy visitors who have made us their go-to destination."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
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" },
|
||||
]}
|
||||
title="Trust The Experience"
|
||||
description="Join hundreds of happy visitors who have made us their go-to destination."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="What Visitors Say"
|
||||
description="Don't take our word for it—read about the experiences of our guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
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" },
|
||||
]}
|
||||
title="What Visitors Say"
|
||||
description="Don't take our word for it—read about the experiences of our guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
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." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</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."
|
||||
/>
|
||||
</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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="I Love Punta"
|
||||
copyrightText="© 2025 I Love Punta | Rizal, Philippines"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="I Love Punta"
|
||||
copyrightText="© 2025 I Love Punta | Rizal, Philippines"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user