228 lines
14 KiB
TypeScript
228 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Award, BookOpen, ChevronRight, Globe, Heart, Users } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Masonic Temple"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Membership", id: "features" },
|
|
{ name: "Events", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Join Us", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Welcome to Masonic Temple"
|
|
description="A beacon of enlightenment, brotherhood, and community service. Join us in our mission to build stronger individuals and a better society through ancient principles and modern purpose."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Ancient Wisdom"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Membership", href: "features" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/gothic-church-interior-high-arched-windows-painted-vaults_169016-68622.jpg"
|
|
imageAlt="Masonic Temple Interior"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our History"
|
|
title="Centuries of Brotherhood and Service"
|
|
description="The Masonic Temple has stood as a pillar of our community for generations. Built on principles of integrity, charity, and mutual respect, we continue to foster personal growth and meaningful relationships among our members while serving those in need."
|
|
metrics={[
|
|
{ value: "200+", title: "Years of Heritage" },
|
|
{ value: "5,000+", title: "Active Members" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-young-people-having-wine-together_23-2148454110.jpg"
|
|
imageAlt="Masonic Brotherhood Gathering"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
features={[
|
|
{
|
|
title: "Membership Degrees", description: "Progress through three symbolic degrees that teach timeless principles of self-improvement and moral development.", imageSrc: "http://img.b2bpic.net/free-vector/ornamental-certificate-template_23-2147846372.jpg?_wi=1", imageAlt: "Masonic Membership Degrees", buttonIcon: ChevronRight
|
|
},
|
|
{
|
|
title: "Charitable Work", description: "Join us in supporting local charities, scholarships, and community relief programs that make a real difference.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-volunteer-holding-food-donations_23-2148732641.jpg?_wi=1", imageAlt: "Masonic Charitable Work", buttonIcon: Heart
|
|
},
|
|
{
|
|
title: "Education Programs", description: "Expand your knowledge through lectures, seminars, and discussions on philosophy, history, and contemporary issues.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-students-having-fun-classroom_1262-14816.jpg?_wi=1", imageAlt: "Masonic Education", buttonIcon: BookOpen
|
|
},
|
|
{
|
|
title: "Social Events", description: "Build lasting friendships through our regular dinners, celebrations, and networking opportunities.", imageSrc: "http://img.b2bpic.net/free-vector/ornamental-certificate-template_23-2147846372.jpg?_wi=2", imageAlt: "Masonic Social Events", buttonIcon: Users
|
|
},
|
|
{
|
|
title: "Leadership Development", description: "Hone your leadership skills and take an active role in directing the future of our organization.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-female-volunteer-holding-food-donations_23-2148732641.jpg?_wi=2", imageAlt: "Leadership Development", buttonIcon: Award
|
|
},
|
|
{
|
|
title: "Global Community", description: "Connect with millions of Freemasons worldwide and participate in a global network of brotherhood.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-students-having-fun-classroom_1262-14816.jpg?_wi=2", imageAlt: "Global Masonic Community", buttonIcon: Globe
|
|
}
|
|
]}
|
|
title="What We Offer"
|
|
description="Discover the pathways to personal enrichment and community impact through our diverse programs and initiatives."
|
|
tag="Six Pillars"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Mitchell", handle: "Master Mason", testimonial: "Joining the Masonic Temple transformed my life. The brotherhood, the principles, and the opportunity to serve have given me a sense of purpose I never found elsewhere.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man-city_23-2148479568.jpg?_wi=1", imageAlt: "James Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "Robert Chen", handle: "Worshipful Master", testimonial: "The values instilled by Freemasonry have guided my personal growth and professional success. I've made lifelong friends who share my commitment to making a difference.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg?_wi=1", imageAlt: "Robert Chen"
|
|
},
|
|
{
|
|
id: "3", name: "David Thompson", handle: "Senior Warden", testimonial: "This organization has taught me more about myself than any other experience. The charitable work we do together proves that building better men builds a better world.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", imageAlt: "David Thompson"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Williams", handle: "Junior Warden", testimonial: "As a young professional, I sought community and meaning. The Masonic Temple provided both, along with mentorship and opportunities I couldn't have imagined.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10546.jpg", imageAlt: "Marcus Williams"
|
|
},
|
|
{
|
|
id: "5", name: "Andrew Peterson", handle: "Master Mason", testimonial: "The intellectual stimulation, the ritual, the service—every aspect of Masonry enriches my life daily. I encourage all men seeking purpose to explore this remarkable fraternity.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man-city_23-2148479568.jpg?_wi=2", imageAlt: "Andrew Peterson"
|
|
},
|
|
{
|
|
id: "6", name: "Christopher Lee", handle: "Entered Apprentice", testimonial: "My journey has just begun, but already I feel welcomed and supported. The wisdom shared here is timeless, and the brotherhood is genuine and profound.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg?_wi=2", imageAlt: "Christopher Lee"
|
|
}
|
|
]}
|
|
title="Members Share Their Journey"
|
|
description="Hear from the men who have found purpose, friendship, and fulfillment through their Masonic experience."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is Freemasonry?", content: "Freemasonry is a fraternal organization dedicated to the brotherhood of man, the belief in a Supreme Being, and the improvement of the character of its members. It teaches principles of integrity, charity, and enlightenment through symbolic ritual and fellowship."
|
|
},
|
|
{
|
|
id: "2", title: "Who can become a member?", content: "Any man of good moral character, age 21 or older (in most jurisdictions), who believes in a Supreme Being is eligible to petition for membership. There are no racial, religious, or social restrictions."
|
|
},
|
|
{
|
|
id: "3", title: "What is the cost of membership?", content: "Membership costs vary by lodge and include initiation fees and annual dues. Our lodge offers flexible payment options. Contact us to discuss membership costs tailored to your situation."
|
|
},
|
|
{
|
|
id: "4", title: "How long does it take to become a Mason?", content: "The three degrees of Masonry typically take 9 to 12 months to complete. However, the pace can be adjusted based on individual circumstances and readiness."
|
|
},
|
|
{
|
|
id: "5", title: "Is Freemasonry a religion?", content: "No. Freemasonry is not a religion, though it encourages members to follow their own faith. Masons of all faiths work together in harmony, united by shared values and principles."
|
|
},
|
|
{
|
|
id: "6", title: "What charitable causes does the lodge support?", content: "Our lodge supports education, youth programs, disaster relief, medical research, and community development. Members are encouraged to participate in volunteer opportunities throughout the year."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-vector/ornamental-certificate-template_23-2147846372.jpg?_wi=3"
|
|
imageAlt="Masonic FAQ Information"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about membership, the Masonic experience, and how to get involved."
|
|
mediaPosition="left"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Interested in learning more about membership or attending an event? Reach out to us today. We'd love to hear from you."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your interest in the Masonic Temple...", rows: 5, required: true }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-shot-old-brick-building-cloudy-sky_181624-7127.jpg"
|
|
imageAlt="Masonic Temple Hall"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-hallgrimskirkja-cloudy-sky-iceland_181624-43413.jpg"
|
|
imageAlt="Masonic Temple Building"
|
|
logoText="Masonic Temple"
|
|
copyrightText="© 2025 Masonic Temple. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Organization", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Membership", href: "features" },
|
|
{ label: "Events", href: "testimonials" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Charity Programs", href: "#" },
|
|
{ label: "Masonic Education", href: "#" },
|
|
{ label: "Calendar", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Sitemap", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |