Merge version_1 into main #3
120
src/app/page.tsx
120
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/metrics/MetricCardTen/MetricCardTen';
|
||||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AMS Roofing"
|
||||
/>
|
||||
@@ -47,27 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
background={{ 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"},
|
||||
]}
|
||||
buttons={[{ text: "Free Quote", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
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", imageAlt: "Craftsmanship"},
|
||||
{
|
||||
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", imageAlt: "Roof Finish"},
|
||||
{
|
||||
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", imageAlt: "Architectural Design"},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "luxury roofing architectural detail slate" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "professional roofing team at work" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg", imageAlt: "modern slate roof installation close up" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg", imageAlt: "roofing guttering system installation" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg", imageAlt: "roof repairs and maintenance service" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/closed-urban-window_23-2148107031.jpg", imageAlt: "architectural roof line drawing style" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,24 +76,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
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"},
|
||||
{
|
||||
id: 3,
|
||||
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"},
|
||||
{
|
||||
id: 5,
|
||||
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"},
|
||||
{ id: 1, 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" },
|
||||
{ id: 3, 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" },
|
||||
{ id: 5, 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" }
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Comprehensive roofing expertise for all modern requirements."
|
||||
@@ -121,14 +94,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "Consult", subtitle: "Assessment", category: "Step 1", value: "01"},
|
||||
{
|
||||
id: "2", title: "Plan", subtitle: "Detailing", category: "Step 2", value: "02"},
|
||||
{
|
||||
id: "3", title: "Build", subtitle: "Execution", category: "Step 3", value: "03"},
|
||||
{
|
||||
id: "4", title: "Finish", subtitle: "Handover", category: "Step 4", value: "04"},
|
||||
{ id: "1", title: "Consult", subtitle: "Assessment", category: "Step 1", value: "01" },
|
||||
{ id: "2", title: "Plan", subtitle: "Detailing", category: "Step 2", value: "02" },
|
||||
{ id: "3", title: "Build", subtitle: "Execution", category: "Step 3", value: "03" },
|
||||
{ id: "4", title: "Finish", subtitle: "Handover", category: "Step 4", value: "04" }
|
||||
]}
|
||||
title="Our Process"
|
||||
description="A seamless 4-step journey to your perfect roof."
|
||||
@@ -142,21 +111,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -166,8 +125,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Connect"
|
||||
title="Request a Free Quote"
|
||||
description="No obligation, expert advice for your roofing needs."
|
||||
@@ -180,20 +138,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 AMS Roofing. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user