diff --git a/src/app/page.tsx b/src/app/page.tsx index 93664b1..0832b04 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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 ( setIsMenuOpen(!isMenuOpen)} + className="flex items-center gap-2" + aria-label="Toggle menu" + > + {isMenuOpen ? : } + + ), + href: undefined, + }} animateOnLoad={true} /> + {isMenuOpen && ( +
+
+ + +
+
+ )}
@@ -65,8 +100,7 @@ export default function LandingPage() { ]} buttons={[ { text: "Discover Our Faith", href: "theology" }, - { text: "Explore Teachings", href: "theology" }, - { text: "Join Us", href: "contact" }, + { text: "Explore Teachings", href: "teachings" }, ]} mediaAnimation="slide-up" /> @@ -197,19 +231,6 @@ export default function LandingPage() { />
-
- -
-