Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "/#services" },
+              { name: "Sermons", id: "/#sermons" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="World Ark Missions"
+            button={{ text: "Plan a Visit", href: "/#contact" }}
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="Our Mission & Values"
+            description="World Ark Missions was founded on the principles of salvation, transformation, and purpose. We are dedicated to creating a community where everyone can find their path through faith and support."
+            metrics={[
+              { value: "5,000+", title: "Active Members" },
+              { value: "10+", title: "Community Initiatives" },
+              { value: "500+", title: "Lives Transformed" }
+            ]}
+            useInvertedBackground={true}
+            tag="Our Story"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            columns={[
+              { title: "Navigation", items: [
+                { label: "About", href: "/about" },
+                { label: "Services", href: "/#services" },
+                { label: "Sermons", href: "/#sermons" },
+              ] },
+              { title: "Resources", items: [
+                { label: "Events", href: "/#events" },
+                { label: "Contact", href: "/#contact" },
+              ] },
+              { title: "Connect", items: [
+                { label: "Email", href: "mailto:worldarkmission1@gmail.com" },
+                { label: "Phone", href: "tel:+233303958804" },
+              ] },
+            ]}
+            logoText="World Ark Missions"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,71 +31,47 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Sermons",          id: "sermons"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "services" },
+        { name: "Sermons", id: "sermons" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="World Ark Missions"
-      button={{
-        text: "Plan a Visit",        href: "#contact"}}
+      button={{ text: "Plan a Visit", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "glowing-orb"}}
+      background={{ variant: "glowing-orb" }}
       title="A Place of Salvation, Transformation & Purpose"
       description="Join World Ark Missions for an uplifting experience of faith, hope, and community. Discover your true purpose in a place you can call home."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=1",          imageAlt: "Church interior view"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-empty-church_181624-27982.jpg",          imageAlt: "Worship gathering"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-swimming-pool-inside-old-abandoned-building_181624-16809.jpg",          imageAlt: "Old interior"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photography-white-structure_250224-372.jpg",          imageAlt: "Architectural detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/long-stained-glass-window-cathedral_169016-38648.jpg",          imageAlt: "Stained glass"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=1", imageAlt: "Church interior view" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-empty-church_181624-27982.jpg", imageAlt: "Worship gathering" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-swimming-pool-inside-old-abandoned-building_181624-16809.jpg", imageAlt: "Old interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-photography-white-structure_250224-372.jpg", imageAlt: "Architectural detail" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/long-stained-glass-window-cathedral_169016-38648.jpg", imageAlt: "Stained glass" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",          imageAlt: "Community gathering"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight_169016-14226.jpg",          imageAlt: "Gathering atmosphere"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-structure-steel_1127-2124.jpg",          imageAlt: "Glass structure"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg",          imageAlt: "Church background"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/holy-week-celebration-vivid-colors_23-2151195211.jpg",          imageAlt: "Holy week colors"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", imageAlt: "Community gathering" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-crystal-dew-drops-spider-web-sunlight_169016-14226.jpg", imageAlt: "Gathering atmosphere" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/glass-structure-steel_1127-2124.jpg", imageAlt: "Glass structure" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-church-background_23-2149285711.jpg", imageAlt: "Church background" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/holy-week-celebration-vivid-colors_23-2151195211.jpg", imageAlt: "Holy week colors" },
       ]}
       tag="Welcome Home"
       buttons={[
-        {
-          text: "Join Us Live",          href: "#sermons"},
-        {
-          text: "Plan a Visit",          href: "#contact"},
+        { text: "Join Us Live", href: "#sermons" },
+        { text: "Plan a Visit", href: "#contact" },
       ]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg",          alt: "Christian man"},
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-priest-church-with-costume_23-2149305982.jpg",          alt: "Priest portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/bride-groom-run-through-forest-wedding-photo-shoot_1328-5309.jpg",          alt: "Couple running"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284683.jpg",          alt: "Priest portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-priest_23-2149298340.jpg",          alt: "Handsome priest"},
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-happy-christian-man-church_23-2149344160.jpg", alt: "Christian man" },
+        { src: "http://img.b2bpic.net/free-photo/senior-priest-church-with-costume_23-2149305982.jpg", alt: "Priest portrait" },
+        { src: "http://img.b2bpic.net/free-photo/bride-groom-run-through-forest-wedding-photo-shoot_1328-5309.jpg", alt: "Couple running" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284683.jpg", alt: "Priest portrait" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-male-priest_23-2149298340.jpg", alt: "Handsome priest" },
       ]}
       avatarText="Join 5,000+ members"
     />
@@ -107,8 +83,7 @@ export default function LandingPage() {
       tag="About Us"
       title="World Ark Missions: Our Story"
       buttons={[
-        {
-          text: "Learn More",          href: "#about-detail"},
+        { text: "Learn More", href: "/about" },
       ]}
     />
   </div>
@@ -118,18 +93,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Sunday Service",          description: "8:00 AM – A time of powerful worship.",          imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=1"},
-        {
-          title: "Wednesday (Know Jesus More)",          description: "6:30 PM – Deep dive into scripture.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-people-praying-outdoors_23-2150870086.jpg"},
-        {
-          title: "Friday (Rescue Hour)",          description: "6:30 PM – Intercession, healing, and breakthroughs.",          imageSrc: "http://img.b2bpic.net/free-photo/wellness-practices-self-care-world-health-day_23-2151256759.jpg"},
-        {
-          title: "Community Prayer",          description: "Saturday morning intercession.",          imageSrc: "http://img.b2bpic.net/free-photo/female-male-patients-applauding_23-2148398348.jpg"},
-        {
-          title: "Youth Fellowship",          description: "Connecting the next generation.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-applauding_23-2149008918.jpg"},
-        {
-          title: "Leadership Growth",          description: "Training and development.",          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167368.jpg"},
+        { title: "Sunday Service", description: "8:00 AM – A time of powerful worship.", imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=1" },
+        { title: "Wednesday (Know Jesus More)", description: "6:30 PM – Deep dive into scripture.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-people-praying-outdoors_23-2150870086.jpg" },
+        { title: "Friday (Rescue Hour)", description: "6:30 PM – Intercession, healing, and breakthroughs.", imageSrc: "http://img.b2bpic.net/free-photo/wellness-practices-self-care-world-health-day_23-2151256759.jpg" },
+        { title: "Community Prayer", description: "Saturday morning intercession.", imageSrc: "http://img.b2bpic.net/free-photo/female-male-patients-applauding_23-2148398348.jpg" },
+        { title: "Youth Fellowship", description: "Connecting the next generation.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colleagues-applauding_23-2149008918.jpg" },
+        { title: "Leadership Growth", description: "Training and development.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167368.jpg" },
       ]}
       title="Our Weekly Services"
       description="Join our vibrant community as we learn, grow, and rescue together through God's grace."
@@ -144,12 +113,9 @@ export default function LandingPage() {
       title="Sermons & Media Hub"
       description="Access transformative messages from Rev. Benjamin Eturu Adom anywhere, anytime."
       blogs={[
-        {
-          id: "s1",          category: "Message",          title: "Living with Purpose",          excerpt: "Unlock your potential.",          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg?_wi=1",          authorName: "Rev. Benjamin Adom",          authorAvatar: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg",          date: "Oct 24, 2024"},
-        {
-          id: "s2",          category: "Rescue Hour",          title: "Power of Prayer",          excerpt: "Breaking cycles.",          imageSrc: "http://img.b2bpic.net/free-photo/men-city_1157-5053.jpg",          authorName: "Rev. Benjamin Adom",          authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-groom-outdoors_23-2149580395.jpg",          date: "Oct 18, 2024"},
-        {
-          id: "s3",          category: "Sunday Word",          title: "Grace in Crisis",          excerpt: "Walking through storms.",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-mobile-phone_53876-25169.jpg",          authorName: "Rev. Benjamin Adom",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg",          date: "Oct 11, 2024"},
+        { id: "s1", category: "Message", title: "Living with Purpose", excerpt: "Unlock your potential.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg?_wi=1", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", date: "Oct 24, 2024" },
+        { id: "s2", category: "Rescue Hour", title: "Power of Prayer", excerpt: "Breaking cycles.", imageSrc: "http://img.b2bpic.net/free-photo/men-city_1157-5053.jpg", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiley-groom-outdoors_23-2149580395.jpg", date: "Oct 18, 2024" },
+        { id: "s3", category: "Sunday Word", title: "Grace in Crisis", excerpt: "Walking through storms.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-his-mobile-phone_53876-25169.jpg", authorName: "Rev. Benjamin Adom", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg", date: "Oct 11, 2024" },
       ]}
     />
   </div>
@@ -161,12 +127,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "e1",          name: "Global Missions Summit",          price: "Register Now",          variant: "Conference",          imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-old-building-interior-surrounded-by-lights_181624-11774.jpg?_wi=1"},
-        {
-          id: "e2",          name: "Youth Awakening Retreat",          price: "Register Now",          variant: "Retreat",          imageSrc: "http://img.b2bpic.net/free-photo/hotel-entrance-unfocused_1203-762.jpg"},
-        {
-          id: "e3",          name: "Community Outreach Day",          price: "Register Now",          variant: "Outreach",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-wedding-hall_74190-5228.jpg"},
+        { id: "e1", name: "Global Missions Summit", price: "Register Now", variant: "Conference", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-old-building-interior-surrounded-by-lights_181624-11774.jpg?_wi=1" },
+        { id: "e2", name: "Youth Awakening Retreat", price: "Register Now", variant: "Retreat", imageSrc: "http://img.b2bpic.net/free-photo/hotel-entrance-unfocused_1203-762.jpg" },
+        { id: "e3", name: "Community Outreach Day", price: "Register Now", variant: "Outreach", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-wedding-hall_74190-5228.jpg" },
       ]}
       title="Upcoming Events"
       description="Never miss an opportunity to connect. Register for our special gatherings."
@@ -178,12 +141,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "John Doe",          date: "Oct 2024",          title: "Miraculous Healing",          quote: "The Rescue Hour changed my life.",          tag: "Healing",          avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2583.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=2",          imageAlt: "diverse church members happy"},
-        {
-          id: "t2",          name: "Sarah Mensah",          date: "Sep 2024",          title: "New Purpose",          quote: "I found a family.",          tag: "Purpose",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg",          imageAlt: "diverse church members happy"},
-        {
-          id: "t3",          name: "Emmanuel Addo",          date: "Aug 2024",          title: "Spiritual Growth",          quote: "Deep and refreshing.",          tag: "Study",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-looking_74855-5149.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=2",          imageAlt: "diverse church members happy"},
+        { id: "t1", name: "John Doe", date: "Oct 2024", title: "Miraculous Healing", quote: "The Rescue Hour changed my life.", tag: "Healing", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2583.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg?_wi=2", imageAlt: "diverse church members happy" },
+        { id: "t2", name: "Sarah Mensah", date: "Sep 2024", title: "New Purpose", quote: "I found a family.", tag: "Purpose", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-133003.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg", imageAlt: "diverse church members happy" },
+        { id: "t3", name: "Emmanuel Addo", date: "Aug 2024", title: "Spiritual Growth", quote: "Deep and refreshing.", tag: "Study", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-looking_74855-5149.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-musicians-local-event_23-2149188139.jpg?_wi=2", imageAlt: "diverse church members happy" },
       ]}
       title="Transformed Lives"
       description="Hear how our community has found purpose, healing, and home here."
@@ -194,12 +154,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "Where is the church located?",          content: "We are located in Afienya - Mataheko. Look for the sign at 18up Junction, right next to the Stephen Block Factory; we are just behind it."},
-        {
-          id: "q2",          title: "Can I watch services online?",          content: "Yes, we stream live via YouTube and Facebook."},
-        {
-          id: "q3",          title: "How can I volunteer?",          content: "Reach out to our leadership team during any service."},
+        { id: "q1", title: "Where is the church located?", content: "We are located in Afienya - Mataheko. Look for the sign at 18up Junction, right next to the Stephen Block Factory; we are just behind it." },
+        { id: "q2", title: "Can I watch services online?", content: "Yes, we stream live via YouTube and Facebook." },
+        { id: "q3", title: "How can I volunteer?", content: "Reach out to our leadership team during any service." },
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Have questions? We are here to help you get started."
@@ -210,14 +167,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       tag="Get in Touch"
       title="Plan Your Visit Today"
       description="We are excited to meet you! Located at Afienya - Mataheko. Call us at +233 30 395 8804."
       buttons={[
-        {
-          text: "Contact Us",          href: "mailto:worldarkmission1@gmail.com"},
+        { text: "Contact Us", href: "mailto:worldarkmission1@gmail.com" },
       ]}
     />
   </div>
@@ -225,32 +180,19 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBaseCard
       columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Sermons",              href: "#sermons"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "Events",              href: "#events"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "Email",              href: "mailto:worldarkmission1@gmail.com"},
-            {
-              label: "Phone",              href: "tel:+233303958804"},
-          ],
-        },
+        { title: "Navigation", items: [
+          { label: "About", href: "/about" },
+          { label: "Services", href: "#services" },
+          { label: "Sermons", href: "#sermons" },
+        ] },
+        { title: "Resources", items: [
+          { label: "Events", href: "#events" },
+          { label: "Contact", href: "#contact" },
+        ] },
+        { title: "Connect", items: [
+          { label: "Email", href: "mailto:worldarkmission1@gmail.com" },
+          { label: "Phone", href: "tel:+233303958804" },
+        ] },
       ]}
       logoText="World Ark Missions"
     />
@@ -258,4 +200,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}