Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -3,12 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CheckCircle, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Advanced Roof Coating"
|
||||
/>
|
||||
@@ -54,102 +46,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Superior Protection for Your Roof"
|
||||
description="Advanced Roof Coating provides cutting-edge liquid-applied membranes to extend the life of your roof, save energy, and stop leaks for good."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Transformed our roof completely. No more leaks!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-walking-metal-platform-doing-visual-inspection-industrial-food-storage-tanks-silos_342744-444.jpg?_wi=1",
|
||||
imageAlt: "professional roofing worker roof work",
|
||||
},
|
||||
name: "John Smith", handle: "@jsmith", testimonial: "Transformed our roof completely. No more leaks!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-walking-metal-platform-doing-visual-inspection-industrial-food-storage-tanks-silos_342744-444.jpg?_wi=1", imageAlt: "professional roofing worker roof work"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahl",
|
||||
testimonial: "Professional and fast. Excellent coating job.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4426.jpg?_wi=1",
|
||||
imageAlt: "durable roof coating applied",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@sarahl", testimonial: "Professional and fast. Excellent coating job.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4426.jpg?_wi=1", imageAlt: "durable roof coating applied"},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Energy bills dropped immediately after coating.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg?_wi=1",
|
||||
imageAlt: "roof maintenance professional equipment",
|
||||
},
|
||||
name: "Mark Wilson", handle: "@mwilson", testimonial: "Energy bills dropped immediately after coating.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg?_wi=1", imageAlt: "roof maintenance professional equipment"},
|
||||
{
|
||||
name: "Anna Davis",
|
||||
handle: "@adavis",
|
||||
testimonial: "Best roofing contractor we have worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=1",
|
||||
imageAlt: "energy efficient roof coating",
|
||||
},
|
||||
name: "Anna Davis", handle: "@adavis", testimonial: "Best roofing contractor we have worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=1", imageAlt: "energy efficient roof coating"},
|
||||
{
|
||||
name: "Robert Brown",
|
||||
handle: "@rbrown",
|
||||
testimonial: "Very high quality workmanship and materials.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1",
|
||||
imageAlt: "satisfied commercial building owner portrait",
|
||||
},
|
||||
name: "Robert Brown", handle: "@rbrown", testimonial: "Very high quality workmanship and materials.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1", imageAlt: "satisfied commercial building owner portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/factory-worker-walking-metal-platform-doing-visual-inspection-industrial-food-storage-tanks-silos_342744-444.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-away-restaurant-kitchen_613910-18965.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-away-restaurant-kitchen_613910-18965.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733171.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733171.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "LEAK PROOFING",
|
||||
},
|
||||
type: "text", text: "LEAK PROOFING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ENERGY EFFICIENCY",
|
||||
},
|
||||
type: "text", text: "ENERGY EFFICIENCY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "COMMERCIAL COATING",
|
||||
},
|
||||
type: "text", text: "COMMERCIAL COATING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ROOF RESTORATION",
|
||||
},
|
||||
type: "text", text: "ROOF RESTORATION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UV PROTECTION",
|
||||
},
|
||||
type: "text", text: "UV PROTECTION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,19 +105,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Warranty Offered",
|
||||
value: "10 Yr",
|
||||
},
|
||||
label: "Warranty Offered", value: "10 Yr"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -186,36 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Coating",
|
||||
author: "Pro Coating",
|
||||
description: "High-durability membranes for all roof types.",
|
||||
tags: [
|
||||
"New",
|
||||
"SaaS",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4426.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Roof Coating", author: "Pro Coating", description: "High-durability membranes for all roof types.", tags: [
|
||||
"New", "SaaS"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-paints-with-white-paint-wood-painting-concept-close-up-place-text_169016-4426.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Professional Inspection",
|
||||
author: "Inspection Team",
|
||||
description: "Thorough analysis of existing roofing condition.",
|
||||
tags: [
|
||||
"Maintenance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Professional Inspection", author: "Inspection Team", description: "Thorough analysis of existing roofing condition.", tags: [
|
||||
"Maintenance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Energy Efficiency",
|
||||
author: "Green Roofs",
|
||||
description: "Reduce heating/cooling costs with reflective coats.",
|
||||
tags: [
|
||||
"Green",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Energy Efficiency", author: "Green Roofs", description: "Reduce heating/cooling costs with reflective coats.", tags: [
|
||||
"Green"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=2"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Specialized roofing solutions tailored to your unique building needs."
|
||||
@@ -223,69 +142,35 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by Local Businesses"
|
||||
description="Hear what our commercial clients have to say about our roofing solutions."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Smith",
|
||||
handle: "CEO, Industrial Corp",
|
||||
testimonial: "Highly recommended, professional through and through.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "John Smith", handle: "CEO, Industrial Corp", testimonial: "Highly recommended, professional through and through.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
handle: "Facility Manager",
|
||||
testimonial: "Excellent value for the price and high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Lee", handle: "Facility Manager", testimonial: "Excellent value for the price and high quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-architect-doing-ok-gesture-with-thumbs-up-street_839833-29290.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
handle: "Property Owner",
|
||||
testimonial: "The energy savings are amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-away-restaurant-kitchen_613910-18965.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna Davis",
|
||||
handle: "Operations Lead",
|
||||
testimonial: "Very satisfied with the outcome of this project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-successful-male-architect-have-conversation-office_23-2147843005.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Brown",
|
||||
handle: "Warehouse Manager",
|
||||
testimonial: "Great professional roofing contractors.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733171.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Wilson", handle: "Property Owner", testimonial: "The energy savings are amazing.", imageSrc: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-away-restaurant-kitchen_613910-18965.jpg"}
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Local Business"
|
||||
description="Don't take our word for it—hear what our commercial clients are saying about our coating solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
<ContactSplitForm
|
||||
title="Get a Free Roofing Consultation"
|
||||
description="Ready to protect your building? Get in touch with our team today for a free inspection."
|
||||
inputPlaceholder="Enter your email address"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttonText="Request Consultation"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -293,13 +178,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Advanced Roof Coating"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user