Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -25,7 +25,7 @@ export default function LandingPage() {
         cardStyle="solid"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -97,7 +97,6 @@ export default function LandingPage() {
   <div id="features" data-section="features">
       <FeatureCardTwentyNine
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
@@ -114,6 +113,7 @@ export default function LandingPage() {
       ]}
       title="Experience Unrivaled Craftsmanship"
       description="Our gear isn't just made; it's meticulously crafted to reflect the dignity and heritage of Freemasonry. Every detail speaks volumes of dedication."
+      textboxLayout="default"
     />
   </div>
 
@@ -197,8 +197,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
+      <FaqSplitText
       useInvertedBackground={false}
       faqs={[
         {
@@ -214,32 +213,31 @@ export default function LandingPage() {
         {
           id: "q6",          title: "Are your products officially sanctioned?",          content: "Our products adhere strictly to Masonic traditions and regulations. We pride ourselves on crafting items suitable for all recognized lodges, ensuring authenticity and respect for the craft."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-scissor-compass-hanging-shelf_181624-21010.jpg"
-      imageAlt="masonic lodge library books ancient texts"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      title="Frequently Asked Questions"
-      description="Find answers to common questions about our products, ordering process, customization, and more."
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Find answers to common questions about our products, ordering process, customization, and more."
       faqsAnimation="slide-up"
+      textPosition="left"
+      animationType="smooth"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
       useInvertedBackground={false}
       background={{
         variant: "radial-gradient"}}
-      tag="Connect With Us"
-      title="Inquire About Custom Orders & Support"
-      description="We're here to assist you with any questions, custom requests, or support needs. Reach out to the Summit Masonic Gear team."
-      inputPlaceholder="Your Email Address"
-      buttonText="Send Inquiry"
-      termsText="By clicking Send Inquiry, you agree to our Privacy Policy and Terms of Service."
+      text="Inquire About Custom Orders & Support. We're here to assist you with any questions, custom requests, or support needs. Reach out to the Summit Masonic Gear team."
+      buttons={[
+        {
+          text: "Send Inquiry",          href: "#contact"
+        }
+      ]}
+      animationType="entrance-slide"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Summit Masonic Gear"
       columns={[
         {

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #E34400;
+  --background: #1A1A1A;
+  --card: #2A2A2A;
+  --foreground: #E0E0E0;
+  --primary-cta: #B8860B;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #C0C0C0;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --accent: #DAA520;
+  --background-accent: #3A3A3A;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);