Update src/app/page.tsx

src/app/page.tsx

@@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Shield } from "lucide-react";
+import { Shield, CreditCard } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,21 +33,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Expertise",
-          id: "about",
-        },
+          name: "Expertise",          id: "about"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
+        {
+          name: "Pay with PayPal",          id: "payment"}
       ]}
       brandName="Miami Roof-Tech"
     />
@@ -56,19 +50,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Superior Roofing Services in Miami"
       description="Protect your home or business with our expert roofing solutions. We provide durable, high-quality installations and repairs tailored for the South Florida climate."
       tag="Trusted Miami Experts"
       buttons={[
         {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+          text: "Get a Quote",          href: "#contact"},
         {
-          text: "View Services",
-          href: "#features",
+          text: "Pay with PayPal",          onClick: () => { window.location.href = "https://www.paypal.com"; }
         },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"
@@ -76,47 +66,14 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg",
-          alt: "Builder building the roof of the house",
-        },
+          src: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg",          alt: "Builder building the roof of the house"},
         {
-          src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
-          alt: "Long shot men working on roof together",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
-          alt: "Long shot men working together on roof",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
-          alt: "Full shot smiley man working on roof",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
-          alt: "Medium shot smiley man working on roof",
-        },
+          src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",          alt: "Long shot men working on roof together"},
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
-        {
-          type: "text",
-          text: "Miami-Dade Certified",
-        },
-        {
-          type: "text",
-          text: "Free Consultations",
-        },
-        {
-          type: "text",
-          text: "Top Rated Service",
-        },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "24/7 Emergency Support" },
+        { type: "text", text: "Miami-Dade Certified" },
       ]}
     />
   </div>
@@ -127,23 +84,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Residential Roof Installations",
-          description: "Beautiful, long-lasting roofing for your family home.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
-          imageAlt: "roof repair service commercial",
-        },
+          title: "Residential Roof Installations",          description: "Beautiful, long-lasting roofing for your family home.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",          imageAlt: "roof repair service commercial"},
         {
-          title: "Commercial Roofing Solutions",
-          description: "Durable systems for business properties and offices.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg",
-          imageAlt: "flat roof installation service",
-        },
+          title: "Commercial Roofing Solutions",          description: "Durable systems for business properties and offices.",          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-side-view_23-2149714298.jpg",          imageAlt: "flat roof installation service"},
         {
-          title: "Inspection & Repairs",
-          description: "Professional assessments and quick fixes for storm damage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
-          imageAlt: "roof maintenance expert check",
-        },
+          title: "Inspection & Repairs",          description: "Professional assessments and quick fixes for storm damage.",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",          imageAlt: "roof maintenance expert check"},
       ]}
       title="Our Specialized Roofing Services"
       description="Comprehensive roofing solutions designed to withstand the unique weather challenges of Miami."
@@ -169,12 +114,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Coastal Roofing Group",
-        "Miami Building Code Authority",
-        "Elite Quality Supplies",
-        "Florida Construction Safety",
-        "Community Home Partners",
-      ]}
+        "Coastal Roofing Group",        "Miami Building Code Authority",        "Elite Quality Supplies",        "Florida Construction Safety"]}
       title="Trusted Partners & Standards"
       description="We collaborate with the best materials suppliers and industry organizations in the region."
     />
@@ -185,46 +125,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          title: "Great Experience",
-          quote: "They replaced my roof in two days. Efficient and professional.",
-          name: "Sarah J.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/older-man-having-cup-coffee-outdoors-city_23-2148991134.jpg",
-        },
-        {
-          id: "2",
-          title: "Highly Recommend",
-          quote: "Professional team that handled our office roof perfectly.",
-          name: "Michael B.",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/smart-young-businessman-holding-coat-his-shoulder-standing-front-building_23-2147941462.jpg",
-        },
-        {
-          id: "3",
-          title: "Top Notch Quality",
-          quote: "Best roofing service in Miami. Truly reliable team.",
-          name: "Emily R.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37331.jpg",
-        },
-        {
-          id: "4",
-          title: "Fast & Fair",
-          quote: "They identified my leak quickly and provided a cost-effective repair.",
-          name: "David T.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-couple-looking-each-other_23-2147901229.jpg",
-        },
-        {
-          id: "5",
-          title: "Excellent Service",
-          quote: "Very satisfied with their work on our warehouse project.",
-          name: "Robert K.",
-          role: "Project Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-white-stairs-talking-phone_1153-1147.jpg",
-        },
+        { id: "1", title: "Great Experience", quote: "They replaced my roof in two days. Efficient and professional.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/older-man-having-cup-coffee-outdoors-city_23-2148991134.jpg" },
+        { id: "2", title: "Highly Recommend", quote: "Professional team that handled our office roof perfectly.", name: "Michael B.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/smart-young-businessman-holding-coat-his-shoulder-standing-front-building_23-2147941462.jpg" },
       ]}
       title="What Our Clients Say"
       description="See why homeowners and businesses across Miami trust our team."
@@ -238,33 +140,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          badge: "Essentials",
-          price: "Contact for Quote",
-          subtitle: "Basic repair and maintenance services",
-          features: [
-            "Visual Inspection",
-            "Small Leak Repair",
-            "Gutter Cleaning",
-            "Annual Maintenance Plan",
-          ],
+          id: "p1",          badge: "Essentials",          price: "Contact for Quote",          subtitle: "Basic repair and maintenance services",          features: ["Visual Inspection", "Small Leak Repair", "Gutter Cleaning"],
         },
         {
-          id: "p2",
-          badge: "Full Roof",
-          price: "Contact for Quote",
-          subtitle: "Complete roof replacement",
-          features: [
-            "Full Tear-off",
-            "Underlayment Install",
-            "High-Quality Tile",
-            "Warranty Included",
-            "City Permit Support",
-          ],
+          id: "p2",          badge: "Payment Portal",          badgeIcon: CreditCard,
+          price: "Securely Pay",          subtitle: "Use PayPal to pay for your project",          features: ["Secure Transaction", "Instant Receipt", "No Fees"],
         },
       ]}
-      title="Transparent Pricing"
-      description="Clear plans for common projects to help you budget confidently."
+      title="Transparent Pricing & Payments"
+      description="Clear plans for common projects and secure payment options."
     />
   </div>
 
@@ -273,21 +157,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How long does a roof replacement take?",
-          content: "Typically, a residential roof replacement in Miami takes 2-4 days, depending on weather and house size.",
-        },
-        {
-          id: "f2",
-          title: "Do you handle permits?",
-          content: "Yes, we manage all necessary permit applications and inspections required by Miami-Dade County.",
-        },
-        {
-          id: "f3",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We are fully licensed, bonded, and carry extensive liability and workers' compensation insurance.",
-        },
+        { id: "f1", title: "How long does a roof replacement take?", content: "Typically, a residential roof replacement in Miami takes 2-4 days." },
+        { id: "f2", title: "Do you handle permits?", content: "Yes, we manage all necessary permit applications and inspections." },
       ]}
       title="Common Questions"
       description="Have questions about your roof? Here are the most common inquiries we receive."
@@ -298,9 +169,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Get a Free Inspection"
       description="Ready to fix your roof? Send us your details and our team will get in touch shortly."
       tag="Contact Us"
@@ -310,39 +179,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Miami Roof-Tech",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Miami Roof-Tech", items: [{ label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
+        { title: "Payment", items: [{ label: "PayPal", onClick: () => window.open("https://www.paypal.com", "_blank") }] }
       ]}
       bottomLeftText="© 2024 Miami Roof-Tech. All rights reserved."
-      bottomRightText="Florida Licensed Roofing Specialists"
+      bottomRightText=""
     />
   </div>
       </ReactLenis>