bender/93b2ff47-c9a7-4227-aa27-054f65f4e144
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
8d2e3c2abe Update src/app/page.tsx 2026-03-09 15:10:34 +00:00
bender
e37ac10fef Update src/app/page.tsx 2026-03-09 15:09:13 +00:00
bender
566cd3ca83 Merge version_2 into main 
Merge version_2 into main
 2026-03-09 15:00:22 +00:00
bender
f75813db91 Update src/app/page.tsx 2026-03-09 15:00:17 +00:00
bender
68273fd1bc Update src/app/layout.tsx 2026-03-09 15:00:17 +00:00
bender
b04e08d88d Merge version_1 into main 
Merge version_1 into main
 2026-03-09 14:56:26 +00:00
2 changed files with 72 additions and 81 deletions
Expand all files Collapse all files

50
src/app/layout.tsx
View File

@@ -1,55 +1,20 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Lato } from "next/font/google";
import { Instrument_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const lato = Lato({
variable: "--font-lato", subsets: ["latin"],
weight: ["100", "300", "400", "700", "900"],
});
const instrumentSans = Instrument_Sans({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Coptic Orthodox Church | Truth of Christianity", description: "Discover the rich spiritual heritage and timeless teachings of the Coptic Orthodox Church. Explore theology, worship, and join our faith community.", keywords: "Coptic Orthodox, Christianity, theology, faith, worship, church, spirituality", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Coptic Orthodox Church - Truth of Christianity", description: "Join the Coptic Orthodox Church community and explore 2000 years of apostolic tradition and spiritual wisdom.", type: "website", siteName: "Coptic Orthodox Church", images: [
{
url: "http://img.b2bpic.net/free-photo/woman-praying-church-religious-pilgrimage_23-2150319304.jpg", alt: "Coptic Church sacred space"},
],
},
twitter: {
card: "summary_large_image", title: "Coptic Orthodox Church", description: "Explore the teachings and community of the Coptic Orthodox Church", images: ["http://img.b2bpic.net/free-photo/woman-praying-church-religious-pilgrimage_23-2150319304.jpg"],
},
};
title: "Coptic Orthodox Church", description: "Discover the rich spiritual heritage and teachings of the Coptic Orthodox faith"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${lato.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={instrumentSans.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1417,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

103
src/app/page.tsx
View File

@@ -7,11 +7,13 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { BookOpen, CheckCircle, Cross, Lightbulb } from "lucide-react";
import { BookOpen, CheckCircle, Cross, Lightbulb, Menu, X } from "lucide-react";
import { useState } from "react";
export default function LandingPage() {
const [isMenuOpen, setIsMenuOpen] = useState(false);
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -31,12 +33,36 @@ export default function LandingPage() {
navItems={[
{ name: "About", id: "about" },
{ name: "Theology", id: "theology" },
{ name: "Worship", id: "worship" },
{ name: "Bible", id: "bible" },
]}
button={{ text: "Contact Us", href: "contact" }}
button={{
text: "Menu", href: undefined,
}}
animateOnLoad={true}
/>
{isMenuOpen && (
<div className="absolute top-16 right-0 bg-background border border-accent rounded-lg shadow-lg p-4 z-50 w-48">
<div className="flex flex-col gap-3">
<button
onClick={() => {
setIsMenuOpen(false);
document.getElementById("theology")?.scrollIntoView({ behavior: "smooth" });
}}
className="text-left px-4 py-2 hover:bg-card rounded transition"
>
Church Father
</button>
<button
onClick={() => {
setIsMenuOpen(false);
document.getElementById("teachings")?.scrollIntoView({ behavior: "smooth" });
}}
className="text-left px-4 py-2 hover:bg-card rounded transition"
>
Liturgy
</button>
</div>
</div>
)}
</div>
<div id="hero" data-section="hero">
@@ -48,19 +74,24 @@ export default function LandingPage() {
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-church-religious-pilgrimage_23-2150319304.jpg", imageAlt: "Coptic Church interior with ornate iconostasis"},
imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-church-religious-pilgrimage_23-2150319304.jpg", imageAlt: "Coptic Church interior with ornate iconostasis"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-ornamental-cross_23-2147748407.jpg", imageAlt: "Traditional Coptic Orthodox cross"},
imageSrc: "http://img.b2bpic.net/free-vector/flat-ornamental-cross_23-2147748407.jpg", imageAlt: "Traditional Coptic Orthodox cross"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/diwali-festival-lights-tradition_23-2148688455.jpg", imageAlt: "Coptic Church worship and prayer"},
imageSrc: "http://img.b2bpic.net/free-photo/diwali-festival-lights-tradition_23-2148688455.jpg", imageAlt: "Coptic Church worship and prayer"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wooden-stuff_181624-36891.jpg", imageAlt: "Sacred Coptic Christian iconography"},
imageSrc: "http://img.b2bpic.net/free-photo/wooden-stuff_181624-36891.jpg", imageAlt: "Sacred Coptic Christian iconography"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-praying-together_23-2150755525.jpg", imageAlt: "Coptic Church community gathering"},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-praying-together_23-2150755525.jpg", imageAlt: "Coptic Church community gathering"
},
]}
buttons={[
{ text: "Explore Teachings", href: "theology" },
{ text: "Join Us", href: "contact" },
{ text: "Discover Our Faith", href: "theology" },
{ text: "Explore Teachings", href: "teachings" },
]}
mediaAnimation="slide-up"
/>
@@ -93,7 +124,8 @@ export default function LandingPage() {
features={[
{
id: "1", title: "Apostolic Succession", description: "Our church traces its foundation directly to the Apostle Mark and maintains unbroken apostolic succession through the laying on of hands of bishops.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/two-people-sitting-beside-each-other_399305-29.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/two-people-sitting-beside-each-other_399305-29.jpg"
},
items: [
{ icon: CheckCircle, text: "Direct lineage from Apostle Mark" },
{ icon: CheckCircle, text: "Continuous episcopal succession" },
@@ -103,7 +135,8 @@ export default function LandingPage() {
},
{
id: "2", title: "Sacred Liturgy", description: "The Divine Liturgy is the heart of Coptic worship, preserving the ancient form of worship practiced by the early Church and reflecting the rich liturgical heritage.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/bread-wine-arrangement-still-life_23-2150214771.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/bread-wine-arrangement-still-life_23-2150214771.jpg"
},
items: [
{ icon: CheckCircle, text: "Theotokos veneration and Marian devotion" },
{ icon: CheckCircle, text: "Seven sacraments celebrated" },
@@ -113,7 +146,8 @@ export default function LandingPage() {
},
{
id: "3", title: "Monastic Tradition", description: "Monasticism is central to Coptic spirituality, originating in Egypt with the Desert Fathers. Our monastic communities continue this ancient spiritual legacy.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-by-river_23-2149901699.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-by-river_23-2149901699.jpg"
},
items: [
{ icon: CheckCircle, text: "Desert monastery heritage" },
{ icon: CheckCircle, text: "Contemplative prayer practices" },
@@ -140,13 +174,16 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Coptic Teaching", name: "Biblical Theology", price: "Foundation", rating: 5,
reviewCount: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/old-red-books-red-worship-songbooks-church_1421-398.jpg", imageAlt: "Biblical Theology resource"},
reviewCount: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/old-red-books-red-worship-songbooks-church_1421-398.jpg", imageAlt: "Biblical Theology resource"
},
{
id: "2", brand: "Coptic Teaching", name: "Church Fathers Wisdom", price: "Guidance", rating: 5,
reviewCount: "Timeless", imageSrc: "http://img.b2bpic.net/free-photo/female-black-dress-holding-ancient-book_23-2147902913.jpg", imageAlt: "Church Fathers teachings"},
reviewCount: "Timeless", imageSrc: "http://img.b2bpic.net/free-photo/female-black-dress-holding-ancient-book_23-2147902913.jpg", imageAlt: "Church Fathers teachings"
},
{
id: "3", brand: "Coptic Teaching", name: "Sacramental Practice", price: "Spiritual", rating: 5,
reviewCount: "Blessed", imageSrc: "http://img.b2bpic.net/free-photo/eucharist-celebration-with-chalice-book_23-2149381648.jpg", imageAlt: "Sacramental practices"},
reviewCount: "Blessed", imageSrc: "http://img.b2bpic.net/free-photo/eucharist-celebration-with-chalice-book_23-2149381648.jpg", imageAlt: "Sacramental practices"
},
]}
/>
</div>
@@ -159,16 +196,20 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Father Mina", role: "Priest", company: "St. Mark Church", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/priests-praying-together-church_23-2149316005.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/priests-praying-together-church_23-2149316005.jpg"
},
{
id: "2", name: "Maria Boutros", role: "Parishioner", company: "Coptic Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-reading-beach_23-2149313083.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-reading-beach_23-2149313083.jpg"
},
{
id: "3", name: "Youssef Ghali", role: "Sunday School Teacher", company: "Youth Ministry", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-visiting-praying-church-building_23-2151103971.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/people-visiting-praying-church-building_23-2151103971.jpg"
},
{
id: "4", name: "Layla Khalil", role: "Choir Member", company: "Church Music Ministry", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-kids-rehearsing-play-perform-theatre-stage_23-2151163648.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/young-kids-rehearsing-play-perform-theatre-stage_23-2151163648.jpg"
},
]}
kpiItems={[
{ value: "1900+", label: "Years of Tradition" },
@@ -181,19 +222,6 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to deepen your spiritual journey with the Coptic Orthodox Church? Connect with us today to learn more about our services, teachings, and community."
animationType="entrance-slide"
buttons={[
{ text: "Contact Parish", href: "#" },
{ text: "Visit Us", href: "#" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/gothic-church-arches-historical-walls-frescoes-medieval-interior-design_169016-68685.jpg"
@@ -203,20 +231,19 @@ export default function LandingPage() {
{
title: "Community", items: [
{ label: "About Us", href: "#about" },
{ label: "Worship", href: "#worship" },
{ label: "Theology", href: "#theology" },
{ label: "Events", href: "#" },
],
},
{
title: "Resources", items: [
{ label: "Bible", href: "#bible" },
{ label: "Teachings", href: "#teachings" },
{ label: "Theology", href: "#theology" },
{ label: "Prayer", href: "#" },
],
},
{
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "Donations", href: "#" },
{ label: "Parish Locator", href: "#" },
],