Update src/app/faq/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -159,4 +159,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -39,7 +39,7 @@ export default function LandingPage() {
             <ContactText
             useInvertedBackground={false}
             background={{ variant: "plain" }}
-            text="Contact us for more information."
+            text="Contact Logen directly at 715-409-1863 or email us at ThePropertyWhale@gmail.com for more information."
             buttons={[
               { text: "Send Message", href: "/contact" }
             ]}
@@ -71,4 +71,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/faq/page.tsx

@@ -3,9 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Phone } from "lucide-react";
 
-export default function LandingPage() {
+export default function FaqPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,41 +26,105 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            brandName="Property Whale"
             navItems={[
-              { name: "Home", id: "/" },
-              { name: "How It Works", id: "/how-it-works" },
-              { name: "About Us", id: "/about" },
-              { name: "FAQ", id: "/faq" },
-              { name: "Contact", id: "/contact" },
-              { name: "Sell Your House Fast", id: "/sell-your-house-fast" }
+                { name: "Home", id: "/" },
+                { name: "How It Works", id: "/how-it-works" },
+                { name: "About Us", id: "/about" },
+                { name: "FAQ", id: "/faq" },
+                { name: "Contact", id: "/contact" },
+                { name: "Sell Your House Fast", id: "/sell-your-house-fast" }
+            ]}
+            brandName="Property Whale"
+          />
+        </div>
+
+        <div id="hero-intro" data-section="hero-intro">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Frequently Asked Questions"
+            description="Find quick answers to common questions about selling your house fast for cash. If you don't find what you're looking for, feel free to contact us directly."
+            mediaItems={[]}
+            mediaAnimation="none"
+          />
+        </div>
+
+        <div id="faq-section" data-section="faq-section">
+          <FaqBase
+            title="Common Questions"
+            description="We've compiled a list of the most frequently asked questions to help you understand our process and how we can help you sell your house with ease."
+            faqsAnimation="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "q1",                title: "Do I need to repair my house before selling?",                content: "No, absolutely not! We buy houses in any condition, whether they're pristine or need significant repairs. You don't have to spend a dime on renovations or cleaning. We take care of everything after purchase, saving you time and money."
+              },
+              {
+                id: "q2",                title: "Are there any fees or commissions?",                content: "No, there are no hidden fees or commissions when you sell to us. We make a straightforward cash offer, and that's the amount you receive at closing. Unlike traditional real estate agents, we don't charge any commission."
+              },
+              {
+                id: "q3",                title: "How fast can you close?",                content: "We can close very quickly, often in as little as 7-14 days, or on a timeline that works best for you. Our goal is to make the process as convenient as possible, whether you need to sell urgently or prefer a later closing date."
+              },
+              {
+                id: "q4",                title: "What types of houses do you buy?",                content: "We buy all types of residential properties, including single-family homes, townhouses, condos, and multi-family units. We purchase homes in various conditions, from distressed properties to those in excellent shape, in a wide range of locations."
+              },
+              {
+                id: "q5",                title: "Is there any obligation when I request an offer?",                content: "No, requesting an offer from us comes with absolutely no obligation. Our cash offer is completely free, and you are under no pressure to accept it. It's simply an option for you to consider."
+              },
+              {
+                id: "q6",                title: "How do you determine the offer price?",                content: "We determine our offer price by evaluating several factors, including the property's location, current condition, necessary repairs, and comparable sales in the area. Our goal is to provide a fair cash offer that reflects the market value and the 'as-is' nature of the sale."
+              },
+              {
+                id: "q7",title: "What if my house is in foreclosure?",content: "If your house is in foreclosure, we can help! We specialize in assisting homeowners facing foreclosure by providing a fast cash sale solution. This can help you avoid further damage to your credit and financial penalties."
+              },
+              {
+                id: "q8",                title: "What if I have tenants in the property?",content: "No problem! We can buy properties with tenants still residing in them. You don't need to worry about evicting tenants or managing property vacancies. We'll handle the logistics of the tenancy after the sale, making it a hassle-free process for you."
+              }
             ]}
           />
         </div>
 
+        <div id="contact-faq-section" data-section="contact-faq-section">
+          <ContactFaq
+            ctaTitle="Still Have Questions?"
+            ctaDescription="Don't hesitate to reach out! Call Logen directly at 715-409-1863 or email us at ThePropertyWhale@gmail.com. Our team is ready to answer all your queries and provide a no-obligation cash offer for your property."
+            ctaButton={{ text: "Request Cash Offer", href: "/contact" }}
+            ctaIcon={Phone}
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[]}
+          />
+        </div>
+
         <div id="footer" data-section="footer">
-          <FooterBase
+          <FooterSimple
             columns={[
               {
-                title: "Company", items: [
+                title: "Company",                items: [
                   { label: "About Us", href: "/about" },
                   { label: "How It Works", href: "/how-it-works" },
-                  { label: "Sell Your House Fast", href: "/sell-your-house-fast" }
+                  { label: "Careers", href: "#" }
                 ]
               },
               {
-                title: "Support", items: [
-                  { label: "FAQ", href: "/faq" },
-                  { label: "Contact Us", href: "/contact" },
-                  { label: "Privacy Policy", href: "/privacy" }
+                title: "Services",                items: [
+                  { label: "Sell Your House Fast", href: "/sell-your-house-fast" },
+                  { label: "Service Areas", href: "/sell-your-house-fast" },
+                  { label: "FAQ", href: "/faq" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
                 ]
               }
             ]}
-            logoText="Property Whale"
-            copyrightText="© 2024 Property Whale. All rights reserved."
+            bottomLeftText="© 2024 Property Whale. All rights reserved."
+            bottomRightText="Made with ❤️"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/how-it-works/page.tsx

@@ -3,9 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { FileText, DollarSign, CalendarDays, Percent, Wrench, Sparkles, FileStack, Rocket, Phone, Mail } from "lucide-react";
+import Input from '@/components/form/Input';
+import Textarea from '@/components/form/Textarea';
+import ButtonHoverBubble from '@/components/button/ButtonHoverBubble';
 
-export default function LandingPage() {
+export default function HowItWorksPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,41 +29,151 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            brandName="Property Whale"
             navItems={[
               { name: "Home", id: "/" },
               { name: "How It Works", id: "/how-it-works" },
               { name: "About Us", id: "/about" },
               { name: "FAQ", id: "/faq" },
               { name: "Contact", id: "/contact" },
-              { name: "Sell Your House Fast", id: "/sell-your-house-fast" }
+              { name: "Sell Your House Fast", id: "/sell-your-house-fast" },
+            ]}
+            brandName="Property Whale"
+          />
+        </div>
+
+        <div id="intro" data-section="intro">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="How Our Home Buying Process Works: A Simpler Solution"
+            description="At Property Whale, we've revolutionized the home selling experience to be fast, fair, and free of typical hassles. Forget about costly repairs, endless showings, and hefty realtor commissions. Our process is designed with your convenience in mind, providing a straightforward path to selling your property for cash, on your timeline. Discover how easy it can be to move forward."
+            buttons={[
+              { text: "Get Your Cash Offer", href: "#contact-form-cta" }
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-real-estate-searching-with-tablet_23-2148653977.jpg", imageAlt: "Digital home selling process" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-amazed-buyer-holding-money-paper-house-maket-buying_1258-159087.jpg", imageAlt: "Cash offer illustration" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="process-steps" data-section="process-steps">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Simple 3-Step Home Buying Process"
+            description="We've streamlined selling your house into a clear, efficient, and transparent journey. See how easy it is to get a fair cash offer and close on your terms."
+            features={[
+              {
+                icon: FileText,
+                title: "Submit Your Property",                description: "Quickly provide us with your property details through our online form or a brief phone call. It's fast, free, and no-obligation."
+              },
+              {
+                icon: DollarSign,
+                title: "Get a Fair Cash Offer",                description: "After a quick assessment, we'll present you with a competitive cash offer. No hidden fees, no last-minute changes."
+              },
+              {
+                icon: CalendarDays,
+                title: "Close On Your Timeline",                description: "Accept our offer, and we'll schedule a closing date that fits your schedule, often in as little as 7-14 days. You're in control."
+              },
             ]}
           />
         </div>
 
-        <div id="footer" data-section="footer">
-          <FooterBase
-            columns={[
+        <div id="benefits" data-section="benefits">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Benefits of Selling to Property Whale"
+            description="Choosing Property Whale means choosing convenience, speed, and peace of mind. We eliminate the traditional headaches of selling a house, offering you a superior experience."
+            features={[
               {
-                title: "Company", items: [
-                  { label: "About Us", href: "/about" },
-                  { label: "How It Works", href: "/how-it-works" },
-                  { label: "Sell Your House Fast", href: "/sell-your-house-fast" }
-                ]
+                icon: Percent,
+                title: "No Realtor Commissions",                description: "Keep more cash in your pocket. We don't charge any commissions or agent fees."
               },
               {
-                title: "Support", items: [
-                  { label: "FAQ", href: "/faq" },
-                  { label: "Contact Us", href: "/contact" },
-                  { label: "Privacy Policy", href: "/privacy" }
-                ]
-              }
+                icon: Wrench,
+                title: "No Repairs Required",                description: "Sell your house as-is, no matter the condition. We take care of any necessary repairs after purchase."
+              },
+              {
+                icon: Sparkles,
+                title: "No Cleaning Needed",                description: "Don't lift a finger. Leave the house exactly as it is, and we'll handle the cleaning."
+              },
+              {
+                icon: FileStack,
+                title: "No Closing Costs",                description: "We cover standard closing costs, maximizing the money you receive at sale."
+              },
+              {
+                icon: Rocket,
+                title: "Fast Closings",                description: "Need to sell quickly? We can close in as little as 7-14 days, tailored to your schedule."
+              },
             ]}
-            logoText="Property Whale"
-            copyrightText="© 2024 Property Whale. All rights reserved."
+          />
+        </div>
+
+        <div id="contact-form-cta" data-section="contact-form-cta">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Get Your Cash Offer Today. Ready to take the first step towards a fast and easy home sale? Fill out the form below, and we'll get back to you with a no-obligation cash offer. Alternatively, give Logen a call directly at 715-409-1863 or email us at ThePropertyWhale@gmail.com to speak with one of our specialists!"
+            buttons={[
+              { text: "Call Now", href: "tel:715-409-1863" }
+            ]}
+          />
+          {/* Custom form previously embedded in ContactCTA, now placed adjacent to ContactText */}
+          <form className="mt-8 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8 max-w-lg mx-auto">
+            <div className="sm:col-span-2">
+              <Input type="text" placeholder="Your Full Name" onChange={() => {}} value="" required ariaLabel="Full Name" />
+            </div>
+            <div className="sm:col-span-1">
+              <Input type="tel" placeholder="Phone Number" onChange={() => {}} value="" required ariaLabel="Phone Number" />
+            </div>
+            <div className="sm:col-span-1">
+              <Input type="email" placeholder="Email Address" onChange={() => {}} value="" required ariaLabel="Email Address" />
+            </div>
+            <div className="sm:col-span-2">
+              <Textarea placeholder="Property Address" onChange={() => {}} value="" rows={3} required ariaLabel="Property Address" />
+            </div>
+            <div className="sm:col-span-2">
+              <Textarea placeholder="Condition of Property (e.g., Needs repairs, Move-in ready)" onChange={() => {}} value="" rows={3} ariaLabel="Condition of Property" />
+            </div>
+            <div className="sm:col-span-2 flex justify-center mt-4">
+              <ButtonHoverBubble text="Submit Offer" type="submit" className="w-full sm:w-auto" />
+            </div>
+          </form>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "How It Works", href: "/how-it-works" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Sell Your House Fast", href: "/sell-your-house-fast" },
+                  { label: "Service Areas", href: "/sell-your-house-fast" },
+                  { label: "FAQ", href: "/faq" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Property Whale. All rights reserved."
+            bottomRightText="Made with ❤️"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}