Update src/app/reviews/page.tsx

Merge version_68 into main

src/app/about/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
 
 export default function LandingPage() {
   return (
@@ -46,16 +46,16 @@ export default function LandingPage() {
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      <TeamCardTen
       title="Meet Our Team"
-      description="The experts behind Arch Roofing Systems."
+      tag="Leadership"
+      memberVariant="card"
+      membersAnimation="slide-up"
+      useInvertedBackground={false}
       members={[
-        { id: "tm1", name: "John Doe", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg" },
-        { id: "tm2", name: "Sarah Smith", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
+        { id: "owner", name: "Carston Lipscomb - Owner", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg?_wi=1" },
+        { id: "tm1", name: "Gabriel Southern - project manager ", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg?_wi=2" },
+        { id: "tm2", name: "Drake Albury - project manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
       ]}
     />
   </div>

src/app/contact/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,58 +21,46 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Services", id: "/services" },
-        { name: "About", id: "/about" },
-        { name: "Reviews", id: "/reviews" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Arch Roofing Systems"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777403590767-v6beg6wi.png"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/about" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Arch Roofing Systems"
+          />
+        </div>
 
-  <div id="contact-body" data-section="contact-body">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      tag="Let's Connect"
-      title="Get Your Free Estimate"
-      description="Ready to upgrade your roof or home exterior? Reach out for a free consultation and professional inspection in Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties today."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394224944-9beay18i.jpg"
-      buttonText="Schedule Now"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            title="Contact Us"
+            description="Reach out for a free consultation. Our team is ready to assist you with your roofing needs. You can also reach us directly at 256-553-3213 or via email at carston@archroofingsystems.com."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 5, required: true }}
+            useInvertedBackground={false}
+            mediaPosition="right"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Ready for your project?"
-      description="Find answers here before scheduling your consultation."
-      faqsAnimation="slide-up"
-      faqs={[
-        { id: "ca1", title: "What areas do you serve?", content: "We serve Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
-        { id: "ca2", title: "How long does a project take?", content: "Most projects are completed efficiently depending on scope and scale." },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
-        { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
-        { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
-      ]}
-      bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
-      bottomRightText="Lic. #123456"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
+              { title: "Services", items: [{ label: "Roof Replacement", href: "/services" }, { label: "Inspections", href: "/services" }, { label: "Storm Damage", href: "/services" }] },
+              { title: "Contact", items: [{ label: "Get Quote", href: "/contact" }, { label: "Support", href: "/contact" }] },
+            ]}
+            bottomLeftText="© 2024 Arch Roofing Systems, Gadsden, AL."
+            bottomRightText="Lic. #123456"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -9,7 +9,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
-import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Ruler, Home as House } from "lucide-react";
+import { Award, CheckCircle, Clock, Home, Shield, ShieldCheck, Star, Hammer, PaintBucket, Ruler, Factory } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -44,18 +44,18 @@ export default function LandingPage() {
       <HeroBillboardRotatedCarousel
       background={{ variant: "rotated-rays-animated" }}
       title="Excellence in Every Shingle."
-      description="Arch Roofing Systems delivers premium residential roofing solutions to Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties. Trust our experts for high-end replacements and storm damage repairs."
+      description="Arch Roofing Systems delivers premium residential and commercial roofing solutions to Etowah and Calhoun counties. Trust our experts for high-end replacements, installations, and storm damage repairs."
       buttons={[
         { text: "Get a Free Estimate", href: "/contact" },
         { text: "Schedule a Free Roof Inspection", href: "/contact" },
       ]}
       carouselItems={[
-        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Luxury roof installation Gadsden" },
-        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777404160932-gszs987d.jpg", imageAlt: "Roof replacement project Alabama" },
-        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394178981-9kz2lm30.jpg", imageAlt: "Premium roofing detail gold finish" },
-        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Roofing construction expert site" },
-        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394178981-vh0jky2e.jpg", imageAlt: "Modern luxury residential roof" },
-        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-b4b5rney.jpg", imageAlt: "Arch Roofing project showcase" },
+        { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394274812-pl7r83r5.jpg", imageAlt: "Luxury roof installation Gadsden" },
+        { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777404160932-gszs987d.jpg", imageAlt: "Roof replacement project Alabama" },
+        { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394178981-9kz2lm30.jpg", imageAlt: "Premium roofing detail gold finish" },
+        { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394430092-752efr3h.jpg", imageAlt: "Roofing construction expert site" },
+        { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394178981-vh0jky2e.jpg", imageAlt: "Modern luxury residential roof" },
+        { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394101196-b4b5rney.jpg", imageAlt: "Arch Roofing project showcase" },
       ]}
     />
   </div>
@@ -64,8 +64,8 @@ export default function LandingPage() {
       <MediaAbout
       useInvertedBackground={false}
       title="Trusted Roofing Expert for Northern Alabama"
-      description="Proudly serving all of Etowah and Calhoun counties. We ensure your home remains secure and sophisticated for years to come."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394368506-b98fzk11.jpg"
+      description="Proudly serving Etowah and Calhoun counties. We ensure your residential and commercial properties remain secure and sophisticated for years to come."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394368506-b98fzk11.jpg"
       imageAlt="Professional roof inspection team"
     />
   </div>
@@ -77,23 +77,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Roofing & Exteriors", description: "Beyond roofing, we provide complete exterior services to protect and enhance your home's curb appeal.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Roofing and exteriors" },
-          items: [{ icon: Hammer, text: "Decks & Patios" }, { icon: PaintBucket, text: "Expert Siding Install" }, { icon: Ruler, text: "Gutter Systems" }],
+          title: "Roofing & Exteriors", description: "Beyond residential roofing, we provide complete exterior services and professional commercial roofing solutions to protect your assets.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777397555725-hvallagy.jpg?_wi=1", imageAlt: "Roofing and exteriors" },
+          items: [{ icon: Factory, text: "Commercial Roofing Systems" }, { icon: Hammer, text: "Decks & Patios" }, { icon: PaintBucket, text: "Expert Siding Install" }],
           reverse: false,
         },
         {
-          title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1", imageAlt: "Storm damage repair" },
+          title: "Storm & Hail Damage", description: "Expert assessments and seamless insurance claim assistance for storm-damaged roofs.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394430092-e9m33ied.jpg?_wi=1", imageAlt: "Storm damage repair" },
           items: [{ icon: Shield, text: "Free Inspection" }, { icon: Shield, text: "Insurance Coordination" }, { icon: Shield, text: "Urgent Response" }],
           reverse: true,
         },
         {
-          title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1", imageAlt: "Routine inspection" },
+          title: "Routine Inspection", description: "Keep your roof in pristine condition with our comprehensive local maintenance and inspection services.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudJbpk/uploaded-1777394101196-i8tpdvoq.jpg?_wi=1", imageAlt: "Routine inspection" },
           items: [{ icon: Star, text: "Detailed Reporting" }, { icon: Star, text: "Preventive Maintenance" }, { icon: Star, text: "Safety Checks" }],
           reverse: false,
         },
       ]}
-      title="Comprehensive Home Services"
-      description="From storm damage repair to siding, decks, and custom roof replacement, we handle your home improvement needs with precision and care."
+      title="Comprehensive Home & Business Services"
+      description="From large-scale commercial roofing to storm damage repairs and home exterior enhancements, we handle your property needs with precision and care."
     />
   </div>
 
@@ -103,7 +103,7 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      title="Our Performance in Gadsden and surrounding areas"
+      title="Our Performance in Etowah and Calhoun Counties"
       description="Numbers that reflect our dedication to roofing excellence and customer satisfaction."
       metrics={[
         { id: "m1", value: "200+", title: "Roofs Completed", description: "Successful projects delivered across Alabama.", icon: Home },
@@ -120,10 +120,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       title="Custom Roofing Packages"
-      description="Tailored solutions for your residential property needs."
+      description="Tailored solutions for your residential and commercial property needs."
       plans={[
         {
-          id: "p1", title: "Essential Roof Maintenance", price: "$299", period: "/visit", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
+          id: "p1", title: "Essential Maintenance", price: "Free", period: "/inspection", features: ["Gutter Inspection", "Shingle Assessment", "Leak Prevention Check"],
           button: { text: "Select Plan", href: "/contact" },
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777394133019-yzbsb1be.jpg", imageAlt: "Maintenance inspection"
         },

src/app/reviews/page.tsx

@@ -7,7 +7,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
-export default function LandingPage() {
+export default function ReviewsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -37,21 +37,19 @@ export default function LandingPage() {
   </div>
 
   <div id="reviews-list" data-section="reviews-list">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="Arch Roofing provided an outstanding experience. Our roof and siding project was fast, high-quality, and the team handled the insurance seamlessly."
-      rating={5}
-      author="Sarah Johnson"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg", alt: "Sarah" },
-        { src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Michael" },
-        { src: "http://img.b2bpic.net/free-photo/beautiful-girl-street_1157-4417.jpg", alt: "Emily" },
-        { src: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-shirt-vest-hat-looking-merry-front-view_176474-30660.jpg", alt: "David" },
-        { src: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-posing_23-2148610242.jpg", alt: "Robert" },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
+    <div className="flex flex-col items-center justify-center py-20 px-4">
+      <h2 className="text-3xl font-bold mb-8">Google Reviews</h2>
+      <iframe 
+        src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12345!2d-86.0000000!3d34.0000000!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzTCsDAwJzAwLjAiTiA4NsKwMDAnMDAuMCJX!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus" 
+        width="100%" 
+        height="600" 
+        style={{ border: 0 }} 
+        allowFullScreen 
+        loading="lazy" 
+        referrerPolicy="no-referrer-when-downgrade"
+        title="Google Reviews"
+      />
+    </div>
   </div>
 
   <div id="testimonial" data-section="testimonial">

src/app/services/page.tsx

@@ -72,7 +72,7 @@ export default function LandingPage() {
       faqs={[
         { id: "q1", title: "Do you provide free inspections?", content: "Yes, we offer complimentary, thorough roof inspections throughout Gadsden, Southside, Rainbow City, Attalla, Oxford, Anniston, Alexandria, Wellington, Trussville, Springville, Oneonta, and all of Etowah and Calhoun counties." },
         { id: "q2", title: "How do I start an insurance claim?", content: "Our experts guide you through the process, documenting storm damage and coordinating with insurance providers." },
-        { id: "q3", title: "What roofing types do you install?", content: "We offer architectural shingle, high-end metal roofing, and specialty roofing solutions." },
+        { id: "q3", title: "What roofing types do you install?", content: "We install shingles, TPO, all metal roofing, tile, and slate." },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CU9LXLTd45U3bRy6xudZUdJbpk/uploaded-1777405331218-vs5rfkmi.jpg"
       mediaAnimation="slide-up"