Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||||
import MetricCardTen from '@/components/metrics/MetricCardTen/MetricCardTen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AMS Roofing"
|
||||
/>
|
||||
@@ -58,47 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Excellence in Every Slate"
|
||||
description="Premium roofing solutions tailored for the architectural standards of discerning homes. 15+ years of craftsmanship and 100% satisfaction."
|
||||
buttons={[
|
||||
{
|
||||
text: "Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Free Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=1",
|
||||
imageAlt: "Luxury Slate Roof",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Luxury Slate Roof"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=1",
|
||||
imageAlt: "Craftsmanship",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "Craftsmanship"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1",
|
||||
imageAlt: "Renovation Detail",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg", imageAlt: "Renovation Detail"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg?_wi=1",
|
||||
imageAlt: "Roof Finish",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg", imageAlt: "Roof Finish"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg?_wi=1",
|
||||
imageAlt: "Maintenance",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg", imageAlt: "Maintenance"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107031.jpg?_wi=1",
|
||||
imageAlt: "Architectural Design",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107031.jpg", imageAlt: "Architectural Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,40 +93,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Slate Roofing",
|
||||
description: "Timeless slate protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=2",
|
||||
},
|
||||
title: "Slate Roofing", description: "Timeless slate protection.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Repairs",
|
||||
description: "Expert leak detection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg?_wi=2",
|
||||
},
|
||||
title: "Repairs", description: "Expert leak detection.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Flashing",
|
||||
description: "Precision water seals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2",
|
||||
},
|
||||
title: "Flashing", description: "Precision water seals.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Soffits",
|
||||
description: "Durable roof aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg?_wi=2",
|
||||
},
|
||||
title: "Soffits", description: "Durable roof aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg"},
|
||||
{
|
||||
id: 5,
|
||||
title: "Cladding",
|
||||
description: "Stylish home protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg?_wi=2",
|
||||
},
|
||||
title: "Cladding", description: "Stylish home protection.", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"},
|
||||
{
|
||||
id: 6,
|
||||
title: "Guttering",
|
||||
description: "Perfect water flow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107031.jpg?_wi=2",
|
||||
},
|
||||
title: "Guttering", description: "Perfect water flow.", imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107031.jpg"},
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Comprehensive roofing expertise for all modern requirements."
|
||||
@@ -167,36 +118,17 @@ export default function LandingPage() {
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Consult",
|
||||
subtitle: "Assessment",
|
||||
category: "Step 1",
|
||||
value: "01",
|
||||
},
|
||||
id: "1", title: "Consult", subtitle: "Assessment", category: "Step 1", value: "01"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Plan",
|
||||
subtitle: "Detailing",
|
||||
category: "Step 2",
|
||||
value: "02",
|
||||
},
|
||||
id: "2", title: "Plan", subtitle: "Detailing", category: "Step 2", value: "02"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Build",
|
||||
subtitle: "Execution",
|
||||
category: "Step 3",
|
||||
value: "03",
|
||||
},
|
||||
id: "3", title: "Build", subtitle: "Execution", category: "Step 3", value: "03"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Finish",
|
||||
subtitle: "Handover",
|
||||
category: "Step 4",
|
||||
value: "04",
|
||||
},
|
||||
id: "4", title: "Finish", subtitle: "Handover", category: "Step 4", value: "04"},
|
||||
]}
|
||||
title="Our Process"
|
||||
description="A seamless 4-step journey to your perfect roof."
|
||||
@@ -211,45 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mrs. Fly",
|
||||
role: "Homeowner",
|
||||
company: "AMS Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "1", name: "Mrs. Fly", role: "Homeowner", company: "AMS Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John D.",
|
||||
role: "Owner",
|
||||
company: "AMS Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-headphones_23-2148718056.jpg",
|
||||
},
|
||||
id: "2", name: "John D.", role: "Owner", company: "AMS Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-headphones_23-2148718056.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah W.",
|
||||
role: "Owner",
|
||||
company: "AMS Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-workers-their-work-space_329181-15640.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah W.", role: "Owner", company: "AMS Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-workers-their-work-space_329181-15640.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
role: "Owner",
|
||||
company: "AMS Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-wife-are-looking-beautiful-landscapes-sky_8353-9394.jpg",
|
||||
},
|
||||
id: "4", name: "Robert B.", role: "Owner", company: "AMS Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-wife-are-looking-beautiful-landscapes-sky_8353-9394.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma L.",
|
||||
role: "Owner",
|
||||
company: "AMS Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515830.jpg",
|
||||
},
|
||||
id: "5", name: "Emma L.", role: "Owner", company: "AMS Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-person-creating-digital-diy-craft-content_23-2151515830.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Genuine experiences from our valued clients."
|
||||
@@ -260,8 +167,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's Connect"
|
||||
title="Request a Free Quote"
|
||||
description="No obligation, expert advice for your roofing needs."
|
||||
@@ -273,29 +179,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user