diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 6663d50..1f28abd 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -17,24 +17,21 @@ export default function AboutPage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "about" }, { label: "Our Services", href: "services" }, { label: "Portfolio", href: "portfolio" } ] }, { - title: "Contact", - items: [ + title: "Contact", items: [ { label: "Get in Touch", href: "contact" }, { label: "Free Estimate", href: "contact" }, { label: "Emergency Service", href: "contact" } ] }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] @@ -48,7 +45,7 @@ export default function AboutPage() { borderRadius="pill" contentWidth="mediumSmall" sizing="mediumLarge" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="radial-glow" secondaryButtonStyle="solid" @@ -73,9 +70,10 @@ export default function AboutPage() { { value: "20+", title: "Years in Business" }, { value: "500+", title: "Projects Completed" } ]} - imageSrc="http://img.b2bpic.net/free-photo/teamwork-concept-with-smiling-architects_23-2147702541.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/teamwork-concept-with-smiling-architects_23-2147702541.jpg" imageAlt="RoofStrippers team of professional roofers" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index a488597..66c2570 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,6 +9,7 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree"; import ProductCardOne from "@/components/sections/product/ProductCardOne"; import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; +import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import FooterBase from "@/components/sections/footer/FooterBase"; export default function HomePage() { @@ -21,24 +22,21 @@ export default function HomePage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "about" }, { label: "Our Services", href: "services" }, { label: "Portfolio", href: "portfolio" } ] }, { - title: "Contact", - items: [ + title: "Contact", items: [ { label: "Get in Touch", href: "contact" }, { label: "Free Estimate", href: "contact" }, { label: "Emergency Service", href: "contact" } ] }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] @@ -52,7 +50,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="mediumSmall" sizing="mediumLarge" - background="fluid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="radial-glow" secondaryButtonStyle="solid" @@ -71,7 +69,7 @@ export default function HomePage() { @@ -109,25 +108,16 @@ export default function HomePage() { tag="Services" features={[ { - id: "1", - title: "Roof Installation", - tags: ["New Roofs", "Quality Materials"], - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg?_wi=1", - imageAlt: "Professional roof installation" + id: "1", title: "Roof Installation", tags: ["New Roofs", "Quality Materials"], + imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "Professional roof installation" }, { - id: "2", - title: "Roof Repair & Maintenance", - tags: ["Quick Repairs", "Emergency Service"], - imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=1", - imageAlt: "Roof repair and maintenance work" + id: "2", title: "Roof Repair & Maintenance", tags: ["Quick Repairs", "Emergency Service"], + imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", imageAlt: "Roof repair and maintenance work" }, { - id: "3", - title: "Roof Inspection", - tags: ["Thorough Assessment", "Free Estimates"], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg?_wi=1", - imageAlt: "Professional roof inspection" + id: "3", title: "Roof Inspection", tags: ["Thorough Assessment", "Free Estimates"], + imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg", imageAlt: "Professional roof inspection" } ]} animationType="slide-up" @@ -143,25 +133,13 @@ export default function HomePage() { tag="Showcase" products={[ { - id: "1", - name: "Residential Roof Replacement", - price: "2024 Project", - imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg?_wi=1", - imageAlt: "Residential roof replacement project" + id: "1", name: "Residential Roof Replacement", price: "2024 Project", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Residential roof replacement project" }, { - id: "2", - name: "Storm Damage Repair", - price: "2024 Project", - imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg?_wi=1", - imageAlt: "Storm damage repair and restoration" + id: "2", name: "Storm Damage Repair", price: "2024 Project", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "Storm damage repair and restoration" }, { - id: "3", - name: "Commercial Roofing", - price: "2024 Project", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=1", - imageAlt: "Commercial roofing installation" + id: "3", name: "Commercial Roofing", price: "2024 Project", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "Commercial roofing installation" } ]} gridVariant="three-columns-all-equal-width" @@ -190,6 +168,26 @@ export default function HomePage() { /> +
+ +
+