195 lines
13 KiB
TypeScript
195 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
|
|
<NavbarStyleApple
|
|
brandName="Myuna Farm"
|
|
navItems={[
|
|
{ name: "Home", id: "#home" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Attractions", id: "#attractions" },
|
|
{ name: "Animals", id: "#animals" },
|
|
{ name: "Team", id: "#team" },
|
|
{ name: "Reviews", id: "#reviews" },
|
|
{ name: "FAQs", id: "#faqs" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home" className="mx-auto px-4 md:px-6">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Welcome to Myuna Farm"
|
|
description="Experience the joy of farm life, meet our friendly animals, and enjoy a day of family fun and learning at Myuna Farm."
|
|
background={{ variant: "radial-gradient" }}
|
|
carouselItems={[
|
|
{ id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/ducks-field-covered-greenery-surrounded-by-lake-sunlight_181624-12476.jpg", imageAlt: "Fluffy sheep grazing in a green pasture" },
|
|
{ id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/brown-feral-goat-grassy-field-daytime_181624-27051.jpg", imageAlt: "A friendly goat looking directly at the camera" },
|
|
{ id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/grandfather-grandson-enjoying-driving-retro-styled-tractor-machine-together-through-apple-fruit-orchard_342744-1012.jpg", imageAlt: "Kids enjoying a tractor ride through the farm" },
|
|
{ id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-herd-sheep-grazing-grass-covered-field_181624-25647.jpg", imageAlt: "A curious alpaca in a farm field" },
|
|
{ id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-sunrise-misty-autumn-forest-landscape-generated-by-ai_188544-37351.jpg", imageAlt: "A picturesque farm landscape at sunset" },
|
|
{ id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/farmer-taking-care-goat-farm_23-2151464970.jpg", imageAlt: "Children happily feeding farm animals" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
ariaLabel="Hero section showcasing Myuna Farm animals and activities"
|
|
buttons={[
|
|
{ text: "Plan Your Visit", href: "#contact" },
|
|
{ text: "See Our Animals", href: "#animals" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about" className="mx-auto px-4 md:px-6">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Discover the Heart of " },
|
|
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0x69q", alt: "Farm Icon" },
|
|
{ type: "text", content: " Life at Myuna Farm" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Learn More About Us", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="attractions" data-section="attractions" className="mx-auto px-4 md:px-6">
|
|
<FeatureCardTwentyThree
|
|
title="Farm Adventures for Everyone"
|
|
description="Explore a wide range of activities and facilities designed to delight visitors of all ages, ensuring a memorable day filled with fun and learning."
|
|
features={[
|
|
{ id: "feature-1", title: "Hands-On Animal Encounters", tags: ["Interactive", "Educational"], imageSrc: "http://img.b2bpic.net/free-photo/farmer-taking-care-photorealistic-goat-farm_23-2151465006.jpg", imageAlt: "Child petting a lamb at Myuna Farm" },
|
|
{ id: "feature-2", title: "Scenic Tractor Rides", tags: ["Panoramic", "Relaxing"], imageSrc: "http://img.b2bpic.net/free-photo/mother-her-two-daughter-sitting-wheelbarrow-eating-red-apple_23-2147907315.jpg", imageAlt: "Family enjoying a tractor ride through the farm fields" },
|
|
{ id: "feature-3", title: "Spacious Picnic Areas", tags: ["Family-friendly", "Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissants-drink_23-2149434085.jpg", imageAlt: "Green picnic area with tables and shade trees at the farm" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="animals" data-section="animals" className="mx-auto px-4 md:px-6">
|
|
<ProductCardFour
|
|
title="Meet Our Wonderful Animals"
|
|
description="From gentle sheep to playful goats, our farm is home to a diverse family of friendly animals eager to meet you and share their unique personalities."
|
|
products={[
|
|
{ id: "animal-1", name: "Sheldon the Sheep", price: "Gentle & Woolly", variant: "Merino", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sheep-farm_23-2151468523.jpg", imageAlt: "A fluffy white sheep looking calm" },
|
|
{ id: "animal-2", name: "Gigi the Goat", price: "Playful & Curious", variant: "Alpine", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-face-billy-goat-with-tan-black-silky-fur_493961-1223.jpg", imageAlt: "A friendly brown goat with small horns" },
|
|
{ id: "animal-3", name: "Barnaby the Pig", price: "Mud-loving & Grumpy", variant: "Large White", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-feeding-pigs_23-2149147885.jpg", imageAlt: "A pink pig relaxing in the mud" },
|
|
{ id: "animal-4", name: "Betsy the Cow", price: "Calm & Grazing", variant: "Holstein Friesian", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-cow-with-horns-standing-green-field-background-trees_181624-60559.jpg", imageAlt: "A black and white cow grazing in a field" },
|
|
{ id: "animal-5", name: "Spirit the Horse", price: "Graceful & Majestic", variant: "Quarter Horse", imageSrc: "http://img.b2bpic.net/free-photo/brown-mane-with-white-hair-grazing-field-sunlight-daytime_181624-30739.jpg", imageAlt: "A beautiful brown horse standing in a paddock" },
|
|
{ id: "animal-6", name: "Henrietta the Hen", price: "Clucky & Energetic", variant: "Rhode Island Red", imageSrc: "http://img.b2bpic.net/free-photo/close-up-group-domestic-chickens-farm_23-2148290999.jpg", imageAlt: "A brown hen pecking for food" }
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team" className="mx-auto px-4 md:px-6">
|
|
<TeamCardFive
|
|
title="Our Dedicated Farm Team"
|
|
description="Meet the passionate individuals who care for our animals, maintain our grounds, and ensure every visit to Myuna Farm is a memorable and enriching one for all."
|
|
team={[
|
|
{ id: "team-1", name: "John Doe", role: "Farm Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-gardeners-taking-care-their-garden_329181-16509.jpg", imageAlt: "Portrait of John Doe, Farm Manager" },
|
|
{ id: "team-2", name: "Jane Smith", role: "Animal Caretaker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg", imageAlt: "Portrait of Jane Smith, Animal Caretaker" },
|
|
{ id: "team-3", name: "Emily White", role: "Educational Programs Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-gestures-ok-hand-sign-with-two-hands_141793-71222.jpg", imageAlt: "Portrait of Emily White, Educational Programs Coordinator" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews" className="mx-auto px-4 md:px-6">
|
|
<TestimonialCardFifteen
|
|
testimonial="Myuna Farm is an absolute gem! Our kids loved feeding the animals and the tractor ride was a huge hit. A perfect family day out, we can't wait to come back! The staff were so friendly and the farm was beautifully maintained."
|
|
rating={5}
|
|
author="Sarah P., Happy Visitor"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/friend-clicking-photos-couple-from-mobile-phone_1170-507.jpg", alt: "Avatar of a happy parent" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-pretty-girl-against-white-background_23-2147839610.jpg", alt: "Avatar of a joyful child" },
|
|
{ src: "http://img.b2bpic.net/free-photo/people-with-glasses-composition_23-2150188077.jpg", alt: "Avatar of a group of friends" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-senior-couple-taking-selfie-mobile-phone-kitchen_23-2148128046.jpg", alt: "Avatar of a senior visitor" }
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faqs" data-section="faqs" className="mx-auto px-4 md:px-6">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about visiting Myuna Farm, including hours, tickets, and accessibility information."
|
|
faqs={[
|
|
{ id: "faq-1", title: "What are your opening hours?", content: "Myuna Farm is open daily from 10:00 AM to 4:00 PM. We are closed on Christmas Day and Good Friday. Please check our website for any special holiday hours." },
|
|
{ id: "faq-2", title: "Is there an entry fee?", content: "Yes, there is a small entry fee for adults and children over 2 years old. Family passes are also available. All proceeds go towards animal care and farm maintenance." },
|
|
{ id: "faq-3", title: "Can we bring our own food for a picnic?", content: "Absolutely! We encourage visitors to bring their own picnic lunches to enjoy in our designated picnic areas. We also have a small kiosk on-site selling snacks and drinks." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
|
|
<ContactSplit
|
|
tag="Connect With Us"
|
|
title="Plan Your Visit or Ask a Question"
|
|
description="We'd love to hear from you! Fill out the form below or find our contact details to plan your perfect farm adventure or inquire about our programs."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-blackboard-grass_23-2148192389.jpg"
|
|
imageAlt="An illustrative map or image of Myuna Farm entrance"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By clicking Send Message you agree to our Privacy Policy and Terms of Service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer" className="mx-auto px-4 md:px-6">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Visit Myuna Farm", items: [{ label: "Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Myuna+Farm+182+Kidds+Rd+Doveton+VIC+3177" }, { label: "Opening Hours", href: "#faqs" }, { label: "Accessibility", href: "#" }] },
|
|
{ title: "About Us", items: [{ label: "Our Mission", href: "#about" }, { label: "Our Animals", href: "#animals" }, { label: "Farm Team", href: "#team" }] },
|
|
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:info@myunafarm.com" }, { label: "Call Us: (03) 9709 9944", href: "tel:+61397099944" }, { label: "Enquiries", href: "#contact" }] }
|
|
]}
|
|
bottomLeftText="© 2024 Myuna Farm. All rights reserved."
|
|
bottomRightText="Powered by Webuild"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|