Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
115
src/app/page.tsx
115
src/app/page.tsx
@@ -33,7 +33,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Brews", id: "products" },
|
||||
{ name: "Resort", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Kayla's Beach Resort & Blackeye Brewing"
|
||||
@@ -44,26 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unwind in Paradise at Kayla's Beach Resort"
|
||||
description="Experience the ultimate coastal getaway where luxury meets craft. Sip our house-brewed Blackeye beer as you watch the sunset from our pristine beachfront terrace."
|
||||
buttons={[{ text: "Book Your Escape", href: "#contact" }]}
|
||||
title="Kayla's Beach Resort & Blackeye Brewing"
|
||||
description="Experience the ultimate 3-star coastal getaway at J43X+2VM, Balbalan 6305, Dimiao, Bohol. Relax in paradise with our artisan craft beers and pristine views."
|
||||
buttons={[{ text: "Book Your Escape", href: "#contact" }]
|
||||
}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/golden-sunset-calm-ocean_84443-83890.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/golden-sunset-ocean_84443-83873.jpg", alt: "Guest A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11204.jpg", alt: "Guest B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sunset-water-texture_1127-3884.jpg", alt: "Guest C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/golden-hour-ocean-waves-sunset_23-2151994377.jpg", alt: "Guest D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16512.jpg", alt: "Guest E" }
|
||||
]}
|
||||
avatarText="Join 15,000+ Happy Guests"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Oceanfront Suites" },
|
||||
{ type: "text", text: "Artisan Craft Beer" },
|
||||
{ type: "text", text: "Sunset Terrace" },
|
||||
{ type: "text", text: "Private Beach" },
|
||||
{ type: "text", text: "Award Winning" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,9 +57,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Where Coastal Luxury Meets " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/wooden-deck-shore-surrounded-by-rocks-sea-cloudy-sky_181624-12335.jpg", alt: "About Kayla's" },
|
||||
{ type: "text", content: " Artisan Brewing" }
|
||||
{ type: "text", content: "Welcome to Your Bohol Sanctuary " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/wooden-deck-shore-surrounded-by-rocks-sea-cloudy-sky_181624-12335.jpg", alt: "Resort View" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -85,31 +70,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Beachfront Suites", description: "Wake up to the sound of waves.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-sun-shining-from-clouds-reflecting-off-sea_181624-45456.jpg" },
|
||||
{ title: "Blackeye Brewery", description: "Small-batch craft beer on-site.", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-beer-marble-table-high-quality-photo_114579-67357.jpg" },
|
||||
{ title: "Sunset Terrace", description: "Relax with our signature brew.", imageSrc: "http://img.b2bpic.net/free-photo/grass-beach-surrounded-by-sea-beautiful-sunset-jesolo-italy_181624-61474.jpg" }
|
||||
{ title: "3-Star Rating", description: "Comfortable and quality service for all our guests.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-sun-shining-from-clouds-reflecting-off-sea_181624-45456.jpg" },
|
||||
{ title: "Convenient Hours", description: "Check-in at 2:00 PM, Check-out at 12:00 PM.", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-beer-marble-table-high-quality-photo_114579-67357.jpg" },
|
||||
{ title: "Local Brewing", description: "Artisan Blackeye Brewing right on your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/grass-beach-surrounded-by-sea-beautiful-sunset-jesolo-italy_181624-61474.jpg" }
|
||||
]}
|
||||
title="Amenities & Experiences"
|
||||
description="Discover everything Kayla's has to offer, from private beachfront suites to our signature Blackeye Brewing craft brewery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Golden Sunset Ale", price: "$8", variant: "Light & Crisp", imageSrc: "http://img.b2bpic.net/free-photo/glass-beer-with-bubbles_23-2148215852.jpg" },
|
||||
{ id: "p2", name: "Coastal Haze IPA", price: "$9", variant: "Hoppy & Floral", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110926.jpg" },
|
||||
{ id: "p3", name: "Midnight Tide Stout", price: "$10", variant: "Rich & Dark", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beer-glass-with-froth_107420-65351.jpg" },
|
||||
{ id: "p4", name: "Lemon Breezy Wheat", price: "$8", variant: "Fresh & Tart", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-pouring-drink_23-2149454390.jpg" },
|
||||
{ id: "p5", name: "Tropical Hop Wave", price: "$9", variant: "Citrusy", imageSrc: "http://img.b2bpic.net/free-photo/barman-brown-apron-pouring-fresh-beer-with-foam_651396-1299.jpg" },
|
||||
{ id: "p6", name: "Sand Dune Amber", price: "$8", variant: "Smooth", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-13584.jpg" }
|
||||
]}
|
||||
title="Blackeye Brewing Signature Ales"
|
||||
description="Handcrafted perfection poured daily."
|
||||
title="Resort Details"
|
||||
description="Information for your perfect stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,73 +85,34 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "standard", badge: "Popular", price: "$250/nt", subtitle: "Beach View Standard", buttons: [{ text: "Book", href: "#contact" }], features: ["Wifi", "Private Balcony", "Beach Access"] },
|
||||
{ id: "deluxe", badge: "Premium", price: "$450/nt", subtitle: "Deluxe Ocean Suite", buttons: [{ text: "Book", href: "#contact" }], features: ["Wifi", "Private Balcony", "Beach Access", "Breakfast"] },
|
||||
{ id: "ultra", badge: "Luxury", price: "$750/nt", subtitle: "Beach Villa", buttons: [{ text: "Book", href: "#contact" }], features: ["Wifi", "Private Balcony", "Private Pool", "Butler"] }
|
||||
{ id: "standard", badge: "Stay", price: "Relax", subtitle: "Book directly for best rates", buttons: [{ text: "Contact", href: "#contact" }], features: ["Prime Beachfront", "Artisan Craft Beer", "Quality Service"] }
|
||||
]}
|
||||
title="Stay With Us"
|
||||
description="Choose your ideal beach getaway plan."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Brewing", items: ["Traditional", "Quality", "Local"] },
|
||||
{ id: "m2", value: "20+", title: "Reviews", items: ["5-Star", "Traveler Pick", "Recommended"] },
|
||||
{ id: "m3", value: "100%", title: "Beachfront", items: ["Access", "Private", "View"] }
|
||||
]}
|
||||
title="Resort Highlights"
|
||||
description="Quality and consistency delivered daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-girl-her-african-american-boyfriend-relaxing-near-swimming-pool-girl-wearing-white-swimwear-sunglasses_1157-49708.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Blogger", company: "Travel Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-straw-hat-wears-blouse-make-selfie_273609-2354.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-female-with-attractive-look-has-broad-pleasant-smile-wears-summer-hat-drinks-fresh-cocktail-exotic-beverage-makes-selfie-people-recreation-positiveness-concept_273609-2355.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg" },
|
||||
{ id: "5", name: "Alice P.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-hat-posing_23-2148601989.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "5/5", label: "Rating" },
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "15k+", label: "Brews" }
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Read what our guests say."
|
||||
title="Plan Your Visit"
|
||||
description="We look forward to welcoming you to Dimiao."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserve Your Stay"
|
||||
description="Contact us today."
|
||||
title="Get in Touch"
|
||||
description="Located at J43X+2VM, Balbalan 6305, Dimiao, 6305 Bohol. Call us at (038) 510 0917."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests", rows: 4 }}
|
||||
textarea={{ name: "message", placeholder: "Your reservation details", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ship-sea-with-beautiful-sunset-reflecting-surface_181624-5675.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Kayla'a Beach Resort & Blackeye Brewing"
|
||||
copyrightText="© 2025 | All Rights Reserved"
|
||||
logoText="Kayla's Beach Resort & Blackeye Brewing"
|
||||
copyrightText="© 2025 | J43X+2VM, Dimiao, Bohol | (038) 510 0917"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user