Compare commits
21 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 300ccd33ff | |||
| 5660e7f13e | |||
| 13b58a0f6d | |||
| 0c97fb5ebe | |||
| 981f5db9ea | |||
| c6aa46e607 | |||
| f964936652 | |||
| 902215ad92 | |||
| 11b7cb3ca2 | |||
| d1a28eef5e | |||
| 8983ee632d | |||
| 559e33e659 | |||
| 6d67f1c9a3 | |||
| 63c4493681 | |||
| 2cdf52e09d | |||
| ac720919a8 | |||
| 886d0a3084 | |||
| 31e89f7ce0 | |||
| 1317c99e7c | |||
| 634a21c0b4 | |||
| 161c76a551 |
@@ -6,7 +6,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|||||||
import LegalSection from '@/components/legal/LegalSection';
|
import LegalSection from '@/components/legal/LegalSection';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import Link from "next/link";
|
|
||||||
|
|
||||||
export default function AboutPage() {
|
export default function AboutPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,7 +32,7 @@ export default function AboutPage() {
|
|||||||
{ name: "Reviews", id: "/reviews" },
|
{ name: "Reviews", id: "/reviews" },
|
||||||
{ name: "Contact", id: "/contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Apex Construction"
|
brandName="Diaz Plastering"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -43,8 +42,7 @@ export default function AboutPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Our Clients"
|
title="Our Clients"
|
||||||
description="We are proud to serve these distinguished companies."
|
description="We are proud to serve these distinguished companies."
|
||||||
names={[
|
names={["Urban Estates", "Design Studio", "Retail Group"]}
|
||||||
"Urban Estates", "Design Studio", "Retail Group"]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -79,8 +77,8 @@ export default function AboutPage() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
copyrightText="© 2025 Apex Construction. All rights reserved."
|
copyrightText="© 2025 Diaz Plastering. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ContactPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
@@ -24,68 +24,36 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Services", id: "/services" },
|
||||||
id: "/",
|
{ name: "Projects", id: "/projects" },
|
||||||
},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Reviews", id: "/reviews" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "/contact" },
|
||||||
id: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Projects",
|
|
||||||
id: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "/reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Apex Construction"
|
brandName="Diaz Plastering"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact-body" data-section="contact-body">
|
<div id="contact-body" data-section="contact-body">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Get in touch"
|
tag="Get in touch"
|
||||||
title="Request a Free Estimate"
|
title="Request a Free Estimate"
|
||||||
description="Let's discuss your next project. Contact our expert team today."
|
description="Let's discuss your next project. Contact our expert team today."
|
||||||
buttons={[
|
buttons={[{ text: "Send Message", href: "#" }]}
|
||||||
{
|
|
||||||
text: "Send Message",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Get a Consultation"
|
title="Get a Consultation"
|
||||||
description="Let's bring your vision to life."
|
description="Let's bring your vision to life."
|
||||||
buttons={[
|
buttons={[{ text: "Call Now", href: "tel:5555555" }]}
|
||||||
{
|
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:5555555",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -93,38 +61,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "Projects", href: "/projects" },
|
||||||
label: "Services",
|
{ label: "About", href: "/about" },
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Projects",
|
|
||||||
href: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{
|
{ label: "License #123456", href: "#" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "License #123456",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
copyrightText="© 2025 Apex Construction. All rights reserved."
|
copyrightText="© 2025 Diaz Plastering. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Mulish } from "next/font/google";
|
import { Mulish } from "next/font/google";
|
||||||
|
|
||||||
@@ -37,7 +36,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
|
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
192
src/app/page.tsx
192
src/app/page.tsx
@@ -28,74 +28,32 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Services", id: "/services" },
|
||||||
id: "/",
|
{ name: "Projects", id: "/projects" },
|
||||||
},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Reviews", id: "/reviews" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "/contact" },
|
||||||
id: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Projects",
|
|
||||||
id: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "/reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Apex Construction"
|
brandName="Diaz Plastering"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCarouselLogo
|
<HeroCarouselLogo
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
description="Building Excellence From the Ground Up with precision, integrity, and unparalleled craftsmanship."
|
description="Building Excellence From the Ground Up with precision, integrity, and unparalleled craftsmanship."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Request a Quote", href: "/contact" },
|
||||||
text: "Request a Quote",
|
{ text: "View Projects", href: "/projects" },
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View Projects",
|
|
||||||
href: "/projects",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
slides={[
|
slides={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg", imageAlt: "Luxury mansion facade" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-thompson-center_181624-6564.jpg", imageAlt: "Commercial construction steel frame" },
|
||||||
imageAlt: "Luxury mansion facade",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg", imageAlt: "Modern kitchen remodel" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blueprint_23-2148269815.jpg", imageAlt: "Site management" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg", imageAlt: "Concrete foundation work" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-thompson-center_181624-6564.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/row-drawers-light-diagonal-blue-minimal_169016-69287.jpg", imageAlt: "Architectural detailing" },
|
||||||
imageAlt: "Commercial construction steel frame",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg",
|
|
||||||
imageAlt: "Modern kitchen remodel",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blueprint_23-2148269815.jpg",
|
|
||||||
imageAlt: "Site management",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg",
|
|
||||||
imageAlt: "Concrete foundation work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/row-drawers-light-diagonal-blue-minimal_169016-69287.jpg",
|
|
||||||
imageAlt: "Architectural detailing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,31 +64,11 @@ export default function LandingPage() {
|
|||||||
title="Our Track Record"
|
title="Our Track Record"
|
||||||
tag="Excellence"
|
tag="Excellence"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "25+", description: "Years Experience" },
|
||||||
id: "m1",
|
{ id: "m2", value: "500+", description: "Projects Completed" },
|
||||||
value: "25+",
|
{ id: "m3", value: "100%", description: "Licensed & Insured" },
|
||||||
description: "Years Experience",
|
{ id: "m4", value: "50+", description: "Expert Staff" },
|
||||||
},
|
{ id: "m5", value: "24/7", description: "Client Support" },
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "500+",
|
|
||||||
description: "Projects Completed",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "100%",
|
|
||||||
description: "Licensed & Insured",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m4",
|
|
||||||
value: "50+",
|
|
||||||
description: "Expert Staff",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m5",
|
|
||||||
value: "24/7",
|
|
||||||
description: "Client Support",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -150,46 +88,11 @@ export default function LandingPage() {
|
|||||||
gridVariant="one-large-left-three-stacked-right"
|
gridVariant="one-large-left-three-stacked-right"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Miller", role: "Developer", company: "Urban Estates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg?_wi=1" },
|
||||||
id: "t1",
|
{ id: "t2", name: "James Chen", role: "Owner", company: "Modern Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1" },
|
||||||
name: "Sarah Miller",
|
{ id: "t3", name: "David Smith", role: "Investor", company: "Commercial Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-couch_23-2148415751.jpg" },
|
||||||
role: "Developer",
|
{ id: "t4", name: "Elena Ross", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-suit-holding-contract_23-2148269312.jpg" },
|
||||||
company: "Urban Estates",
|
{ id: "t5", name: "Mark Johnson", role: "Manager", company: "Retail Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "James Chen",
|
|
||||||
role: "Owner",
|
|
||||||
company: "Modern Home",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "David Smith",
|
|
||||||
role: "Investor",
|
|
||||||
company: "Commercial Corp",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sitting-couch_23-2148415751.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Elena Ross",
|
|
||||||
role: "Architect",
|
|
||||||
company: "Design Studio",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-suit-holding-contract_23-2148269312.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Mark Johnson",
|
|
||||||
role: "Manager",
|
|
||||||
company: "Retail Group",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Leaders"
|
title="Trusted by Leaders"
|
||||||
description="Our commitment to quality has earned us the trust of industry professionals and homeowners alike."
|
description="Our commitment to quality has earned us the trust of industry professionals and homeowners alike."
|
||||||
@@ -202,13 +105,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Trusted Partnerships"
|
title="Trusted Partnerships"
|
||||||
description="We collaborate with the industry's finest architects and suppliers."
|
description="We collaborate with the industry's finest architects and suppliers."
|
||||||
names={[
|
names={["Urban Estates", "Modern Home", "Commercial Corp", "Design Studio", "Retail Group"]}
|
||||||
"Urban Estates",
|
|
||||||
"Modern Home",
|
|
||||||
"Commercial Corp",
|
|
||||||
"Design Studio",
|
|
||||||
"Retail Group",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -216,38 +113,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "Projects", href: "/projects" },
|
||||||
label: "Services",
|
{ label: "About", href: "/about" },
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Projects",
|
|
||||||
href: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{
|
{ label: "License #123456", href: "#" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "License #123456",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
copyrightText="© 2025 Apex Construction. All rights reserved."
|
copyrightText="© 2025 Diaz Plastering. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ProjectsPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
@@ -25,32 +25,14 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Services", id: "/services" },
|
||||||
id: "/",
|
{ name: "Projects", id: "/projects" },
|
||||||
},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Reviews", id: "/reviews" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "/contact" },
|
||||||
id: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Projects",
|
|
||||||
id: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "/reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Apex Construction"
|
brandName="Diaz Plastering"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -64,19 +46,9 @@ export default function LandingPage() {
|
|||||||
description="A showcase of our dedication to craftsmanship and quality."
|
description="A showcase of our dedication to craftsmanship and quality."
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "prod1",
|
id: "prod1", name: "Modern Glass Home", price: "Custom", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-home-with-swimming-pool_23-2151974382.jpg"},
|
||||||
name: "Modern Glass Home",
|
|
||||||
price: "Custom",
|
|
||||||
variant: "Luxury",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-home-with-swimming-pool_23-2151974382.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "prod2",
|
id: "prod2", name: "Commercial Office Hub", price: "Custom", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg"},
|
||||||
name: "Commercial Office Hub",
|
|
||||||
price: "Custom",
|
|
||||||
variant: "Commercial",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -90,25 +62,9 @@ export default function LandingPage() {
|
|||||||
description="Thoughts and tips from our project sites."
|
description="Thoughts and tips from our project sites."
|
||||||
blogs={[
|
blogs={[
|
||||||
{
|
{
|
||||||
id: "b1",
|
id: "b1", category: "Design", title: "Trends in Kitchen Design", excerpt: "What's shaping modern home interiors.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976621.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/business-woman-fancy-outfit_1303-13860.jpg", date: "Jan 2025"},
|
||||||
category: "Design",
|
|
||||||
title: "Trends in Kitchen Design",
|
|
||||||
excerpt: "What's shaping modern home interiors.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976621.jpg",
|
|
||||||
authorName: "Jane Doe",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/business-woman-fancy-outfit_1303-13860.jpg",
|
|
||||||
date: "Jan 2025",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b2",
|
id: "b2", category: "Construction", title: "Steel vs Timber Framing", excerpt: "Understanding the structural basics.", imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10126.jpg", authorName: "Bob Builder", authorAvatar: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg", date: "Dec 2024"},
|
||||||
category: "Construction",
|
|
||||||
title: "Steel vs Timber Framing",
|
|
||||||
excerpt: "Understanding the structural basics.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10126.jpg",
|
|
||||||
authorName: "Bob Builder",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg",
|
|
||||||
date: "Dec 2024",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -117,38 +73,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "Projects", href: "/projects" },
|
||||||
label: "Services",
|
{ label: "About", href: "/about" },
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Projects",
|
|
||||||
href: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{
|
{ label: "License #123456", href: "#" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "License #123456",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
copyrightText="© 2025 Apex Construction. All rights reserved."
|
copyrightText="© 2025 Diaz Plastering. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
|||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ReviewsPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
@@ -25,32 +25,14 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Services", id: "/services" },
|
||||||
id: "/",
|
{ name: "Projects", id: "/projects" },
|
||||||
},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Reviews", id: "/reviews" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "/contact" },
|
||||||
id: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Projects",
|
|
||||||
id: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "/reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Apex Construction"
|
brandName="Diaz Plastering"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -62,36 +44,17 @@ export default function LandingPage() {
|
|||||||
title="Client Success"
|
title="Client Success"
|
||||||
description="Hear how our clients describe their experience."
|
description="Hear how our clients describe their experience."
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "99%", label: "Satisfaction" },
|
||||||
value: "99%",
|
{ value: "500+", label: "Projects" },
|
||||||
label: "Satisfaction",
|
{ value: "25+", label: "Years" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "500+",
|
|
||||||
label: "Projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "25+",
|
|
||||||
label: "Years",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "rev1",
|
id: "rev1", name: "Sarah Miller", role: "Developer", company: "Urban Estates", rating: 5,
|
||||||
name: "Sarah Miller",
|
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg?_wi=2"},
|
||||||
role: "Developer",
|
|
||||||
company: "Urban Estates",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6542.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "rev2",
|
id: "rev2", name: "James Chen", role: "Owner", company: "Modern Home", rating: 5,
|
||||||
name: "James Chen",
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=2"},
|
||||||
role: "Owner",
|
|
||||||
company: "Modern Home",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -102,10 +65,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Industry Awards"
|
title="Industry Awards"
|
||||||
description="Recognized for excellence."
|
description="Recognized for excellence."
|
||||||
names={[
|
names={["Build Excellence 2024", "Contractor Pro 2023"]}
|
||||||
"Build Excellence 2024",
|
|
||||||
"Contractor Pro 2023",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -113,38 +73,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "Projects", href: "/projects" },
|
||||||
label: "Services",
|
{ label: "About", href: "/about" },
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Projects",
|
|
||||||
href: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{
|
{ label: "License #123456", href: "#" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "License #123456",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
copyrightText="© 2025 Apex Construction. All rights reserved."
|
copyrightText="© 2025 Diaz Plastering. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function ServicesPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
@@ -25,32 +25,14 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "Services", id: "/services" },
|
||||||
id: "/",
|
{ name: "Projects", id: "/projects" },
|
||||||
},
|
{ name: "About", id: "/about" },
|
||||||
{
|
{ name: "Reviews", id: "/reviews" },
|
||||||
name: "Services",
|
{ name: "Contact", id: "/contact" },
|
||||||
id: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Projects",
|
|
||||||
id: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "/reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Apex Construction"
|
brandName="Diaz Plastering"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -61,26 +43,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
id: "s1", title: "General Construction", description: "Expert build management.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans-level_23-2147704230.jpg"},
|
||||||
title: "General Construction",
|
|
||||||
description: "Expert build management.",
|
|
||||||
tag: "Essential",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans-level_23-2147704230.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s2",
|
id: "s2", title: "Commercial Projects", description: "Large-scale commercial builds.", tag: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/devices-water-cooler-empty-office_482257-119279.jpg"},
|
||||||
title: "Commercial Projects",
|
|
||||||
description: "Large-scale commercial builds.",
|
|
||||||
tag: "Commercial",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/devices-water-cooler-empty-office_482257-119279.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s3",
|
id: "s3", title: "Residential Remodeling", description: "High-end luxury interiors.", tag: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-chandelier-couch-with-number-pillows-large-chandelier_188544-27064.jpg"},
|
||||||
title: "Residential Remodeling",
|
|
||||||
description: "High-end luxury interiors.",
|
|
||||||
tag: "Interior",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-chandelier-couch-with-number-pillows-large-chandelier_188544-27064.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Professional Services"
|
title="Our Professional Services"
|
||||||
description="Comprehensive construction solutions tailored for residential and commercial demands."
|
description="Comprehensive construction solutions tailored for residential and commercial demands."
|
||||||
@@ -96,35 +63,12 @@ export default function LandingPage() {
|
|||||||
description="Flexible plans for every project scale."
|
description="Flexible plans for every project scale."
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", tag: "Starter", price: "$5k", period: "fixed", description: "Basic renovation projects.", button: { text: "Inquire" },
|
||||||
tag: "Starter",
|
featuresTitle: "Included Services", features: ["Consultation", "Site Planning"],
|
||||||
price: "$5k",
|
|
||||||
period: "fixed",
|
|
||||||
description: "Basic renovation projects.",
|
|
||||||
button: {
|
|
||||||
text: "Inquire",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included Services",
|
|
||||||
features: [
|
|
||||||
"Consultation",
|
|
||||||
"Site Planning",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", tag: "Premium", price: "$25k", period: "fixed", description: "Custom builds and major remodels.", button: { text: "Inquire" },
|
||||||
tag: "Premium",
|
featuresTitle: "Included Services", features: ["Full Management", "Custom Design", "Procurement"],
|
||||||
price: "$25k",
|
|
||||||
period: "fixed",
|
|
||||||
description: "Custom builds and major remodels.",
|
|
||||||
button: {
|
|
||||||
text: "Inquire",
|
|
||||||
},
|
|
||||||
featuresTitle: "Included Services",
|
|
||||||
features: [
|
|
||||||
"Full Management",
|
|
||||||
"Custom Design",
|
|
||||||
"Procurement",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -134,38 +78,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
{ label: "Services", href: "/services" },
|
||||||
{
|
{ label: "Projects", href: "/projects" },
|
||||||
label: "Services",
|
{ label: "About", href: "/about" },
|
||||||
href: "/services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Projects",
|
|
||||||
href: "/projects",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "/about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{
|
{ label: "License #123456", href: "#" },
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "License #123456",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Apex Construction"
|
logoText="Diaz Plastering"
|
||||||
copyrightText="© 2025 Apex Construction. All rights reserved."
|
copyrightText="© 2025 Diaz Plastering. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -11,14 +11,14 @@
|
|||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #0a0a0a;
|
||||||
--card: #171717;
|
--card: #1a1a1a;
|
||||||
--foreground: #f5f5f5;
|
--foreground: #f5f5f5;
|
||||||
--primary-cta: #d4af37;
|
--primary-cta: #ff0000;
|
||||||
--primary-cta-text: #0a0a0a;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #171717;
|
--secondary-cta: #1a1a1a;
|
||||||
--secondary-cta-text: #f5f5f5;
|
--secondary-cta-text: #ffffff;
|
||||||
--accent: #262626;
|
--accent: #991b1b;
|
||||||
--background-accent: #333333;
|
--background-accent: #7f1d1d;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user