Merge version_1 into main #1
170
src/app/page.tsx
170
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Instagram, Twitter } from "lucide-react";
|
||||
import { Twitter, Instagram, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,28 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="G S ROOFING"
|
||||
button={{
|
||||
text: "Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Free Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,40 +45,16 @@ export default function LandingPage() {
|
||||
logoText="G S ROOFING"
|
||||
description="Premium roofing built to last. Expert London-based contractors providing 24/7 emergency support and high-quality installations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Request A Quote", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg",
|
||||
imageAlt: "Luxurious roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-storage-room-night_181624-1668.jpg",
|
||||
imageAlt: "Luxurious roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg",
|
||||
imageAlt: "Luxurious roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg",
|
||||
imageAlt: "Luxurious roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
imageAlt: "Luxurious roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
|
||||
imageAlt: "Luxurious roofing project",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-indoor-building_1232-4603.jpg", imageAlt: "Luxurious roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-storage-room-night_181624-1668.jpg", imageAlt: "Luxurious roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg", imageAlt: "Luxurious roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg", imageAlt: "Luxurious roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageAlt: "Luxurious roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Luxurious roofing project" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,14 +64,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Roof Repairs",
|
||||
"Flat Roofing",
|
||||
"Emergency Callouts",
|
||||
"Tile Matching",
|
||||
"London Coverage",
|
||||
"Professional Finish",
|
||||
"24/7 Service",
|
||||
]}
|
||||
"Roof Repairs", "Flat Roofing", "Emergency Callouts", "Tile Matching", "London Coverage", "Professional Finish", "24/7 Service"]}
|
||||
title="Core Specializations"
|
||||
description="Professional expertise across all roofing disciplines."
|
||||
/>
|
||||
@@ -121,30 +75,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Fast, reliable precision roofing repairs.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-building_1204-86.jpg",
|
||||
},
|
||||
{
|
||||
title: "New Installations",
|
||||
description: "Premium pitched and flat roofs.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-roof-tile-pattern-design_23-2149261927.jpg",
|
||||
},
|
||||
{
|
||||
title: "Emergency Callouts",
|
||||
description: "24/7 rapid response roofing support.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-emergency-word-concept-with-flat-design_23-2147938981.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tile Matching",
|
||||
description: "Preserve your property's original aesthetic.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-roof-tile-pattern_23-2149279523.jpg",
|
||||
},
|
||||
{ title: "Roof Repairs", description: "Fast, reliable precision roofing repairs.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/roof-building_1204-86.jpg" },
|
||||
{ title: "New Installations", description: "Premium pitched and flat roofs.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-vector/gradient-roof-tile-pattern-design_23-2149261927.jpg" },
|
||||
{ title: "Emergency Callouts", description: "24/7 rapid response roofing support.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-vector/modern-emergency-word-concept-with-flat-design_23-2147938981.jpg" },
|
||||
{ title: "Tile Matching", description: "Preserve your property's original aesthetic.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-roof-tile-pattern_23-2149279523.jpg" },
|
||||
]}
|
||||
title="Roofing Solutions"
|
||||
description="Luxury-level roofing standards for properties across London."
|
||||
@@ -159,18 +93,9 @@ export default function LandingPage() {
|
||||
title="Built On Reputation, Backed By Results."
|
||||
description="Based in South West London, G S Roofing has earned a strong reputation for professionalism, quality workmanship and dependable customer service."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Transparency",
|
||||
description: "Clear, honest and easy-to-understand estimates.",
|
||||
},
|
||||
{
|
||||
title: "Workmanship",
|
||||
description: "Professional, tidy and respectful teams.",
|
||||
},
|
||||
{
|
||||
title: "Reliability",
|
||||
description: "Fast response times throughout London.",
|
||||
},
|
||||
{ title: "Transparency", description: "Clear, honest and easy-to-understand estimates." },
|
||||
{ title: "Workmanship", description: "Professional, tidy and respectful teams." },
|
||||
{ title: "Reliability", description: "Fast response times throughout London." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inspector-african-american-worker-factory_1303-30608.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -184,26 +109,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Rijumati Wallis"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", alt: "Reviewer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Reviewer" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -213,19 +123,11 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Need Reliable Roofing In London?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:02012345678",
|
||||
},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:02012345678" },
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -235,16 +137,8 @@ export default function LandingPage() {
|
||||
logoText="G S ROOFING"
|
||||
copyrightText="© 2026 G S Roofing. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user