233 lines
12 KiB
TypeScript
233 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Sparkles, Package, Lightbulb, HelpCircle, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Churchy"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Request", id: "request" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Authentic Ethiopian Orthodox Church Products"
|
|
bottomRightText="hello@churchy.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Sacred Ethiopian Orthodox Church Products"
|
|
description="Discover authentic religious items and spiritual supplies for the Ethiopian Orthodox faith community. Shop traditional church products, books, and sacred items crafted with reverence and cultural authenticity."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Sacred Items" },
|
|
{ value: "99.8%", label: "Community Satisfaction" },
|
|
{ value: "Fast", label: "Delivery Available" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Authentic Collection"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Browse Products", href: "#products" },
|
|
{ text: "Special Request", href: "#request" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151038994.jpg"
|
|
imageAlt="Ethiopian Orthodox Church Products"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Church Products"
|
|
description="Explore our collection of authentic Ethiopian Orthodox Church items. Each product represents traditional craftsmanship and spiritual significance."
|
|
tag="New Items"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
products={[
|
|
{
|
|
id: "item-1", name: "Traditional Prayer Cross", price: "$45", variant: "Hand-carved · Various Sizes", imageSrc: "http://img.b2bpic.net/free-photo/lamp_23-2148098570.jpg", imageAlt: "Traditional Prayer Cross"
|
|
},
|
|
{
|
|
id: "item-2", name: "Sacred Religious Book", price: "$35", variant: "Ge'ez Text · Bound", imageSrc: "http://img.b2bpic.net/free-photo/white-table-lamp-green-background-copy-space_169016-29397.jpg", imageAlt: "Sacred Religious Book"
|
|
},
|
|
{
|
|
id: "item-3", name: "Ceremonial Church Incense", price: "$28", variant: "Traditional Blend · Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-reading-lamp_1339-7241.jpg", imageAlt: "Ceremonial Church Incense"
|
|
},
|
|
{
|
|
id: "item-4", name: "Orthodox Vestments", price: "$120", variant: "Authentic Fabrics · Custom Fit", imageSrc: "http://img.b2bpic.net/free-photo/vintage-lighting-decoration-with-plant-cement-wall_1232-4329.jpg", imageAlt: "Orthodox Vestments"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View All Products", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Mission"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
title="Serving the Ethiopian Orthodox Faith Community"
|
|
description="Since our founding, Churchy has been dedicated to providing authentic Ethiopian Orthodox Church products and spiritual supplies to faith communities worldwide. We honor traditional craftsmanship and cultural heritage while making sacred items accessible to all believers. Each product is carefully sourced and curated to support spiritual practice and community worship."
|
|
metrics={[
|
|
{ value: "10K+", title: "Community Members Served" },
|
|
{ value: "500+", title: "Authentic Products" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/craftswoman-working-workshop_107420-65198.jpg"
|
|
imageAlt="Church products sourcing"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="request" data-section="request">
|
|
<ContactSplitForm
|
|
title="Request Special Church Products"
|
|
description="Looking for specific Ethiopian Orthodox Church items? Submit your request with details about the product, quantity, and any special requirements. Our team will help you find or source exactly what you need."
|
|
inputs={[
|
|
{ name: "productName", type: "text", placeholder: "Product Name / Item Type", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "quantity", type: "text", placeholder: "Quantity Needed", required: true },
|
|
{ name: "specifications", type: "text", placeholder: "Size, Material, Special Details", required: true }
|
|
]}
|
|
textarea={{ name: "description", placeholder: "Describe your request in detail. Include any special requirements, preferences, or cultural considerations...", rows: 6, required: true }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/nobody-office-desk-with-charts-documents-laptop-used-by-company-employee-plan-financial-growth-empty-business-workplace-with-computers-technology-marketing-statistics-screen_482257-40954.jpg"
|
|
imageAlt="Church products order"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
buttonText="Submit Request"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Community Member 1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Community Member"
|
|
},
|
|
{
|
|
id: "2", name: "Community Member 2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Community Member"
|
|
},
|
|
{
|
|
id: "3", name: "Community Member 3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Community Member"
|
|
},
|
|
{
|
|
id: "4", name: "Community Member 4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Community Member"
|
|
}
|
|
]}
|
|
cardTitle="Over 10,000 members of the Ethiopian Orthodox faith community trust Churchy for authentic sacred items and spiritual supplies"
|
|
cardTag="Trusted by Faith Communities"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, ordering, and shipping."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Are all products authentic Ethiopian Orthodox items?", content: "Yes! All our products are sourced from authentic suppliers and craftspeople who specialize in Ethiopian Orthodox Church items. We ensure every product meets traditional standards and cultural authenticity requirements."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer bulk orders for churches?", content: "Absolutely! We provide special pricing for bulk orders and church communities. Contact our team at bulk@churchy.com for wholesale quotes and volume discounts tailored to your congregation's needs."
|
|
},
|
|
{
|
|
id: "3", title: "What is the typical delivery time?", content: "Standard orders ship within 5-7 business days. For special or custom items, delivery typically takes 10-14 days. We also offer expedited shipping for urgent needs."
|
|
},
|
|
{
|
|
id: "4", title: "Can you source items that are not currently listed?", content: "Yes! We maintain relationships with traditional craftspeople and suppliers throughout the Ethiopian Orthodox community. Submit a special request, and our team will help source the specific items you're looking for."
|
|
},
|
|
{
|
|
id: "5", title: "Do products come with authenticity information?", content: "Yes! Each product includes information about its origin, cultural significance, and usage in Ethiopian Orthodox tradition. We provide detailed documentation with every order."
|
|
},
|
|
{
|
|
id: "6", title: "What is your return and satisfaction policy?", content: "We stand behind every product. If you're not satisfied, returns are accepted within 30 days. For damaged items, we provide immediate replacement or refund at no cost."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Churchy"
|
|
copyrightText="© 2025 Churchy. All rights reserved. Serving the Ethiopian Orthodox faith community."
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "All Products", href: "#products" },
|
|
{ label: "Special Requests", href: "#request" },
|
|
{ label: "Bulk Orders", href: "#contact" },
|
|
{ label: "Gift Collections", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Help Center", href: "#faq" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Mission", href: "#about" },
|
|
{ label: "Partners", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|