Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 669eafa352 | |||
| fe92298694 | |||
| 8285bb943f | |||
| d247e3131b | |||
| 7ddc5da0ce | |||
| ecd4e33bc8 | |||
| 6ca81169d2 | |||
| 40bab9ff8d | |||
| eeed050aba | |||
| 9c5a47cc7b | |||
| 8c6e222943 | |||
| eb5852aed1 | |||
| 2b61c9f097 | |||
| d420fd0c08 | |||
| 384953ac46 | |||
| 1a9c8753b2 | |||
| 599ce67542 | |||
| 9f9fc034c7 | |||
| 24d10420cb | |||
| 30a9f760cc | |||
| 8dd68867c3 | |||
| c74571773e | |||
| 51ebcc07e7 | |||
| 9eb4397e30 | |||
| c1a0445576 |
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Montserrat } from "next/font/google";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -21,8 +24,12 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope",
|
||||
|
||||
|
||||
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
@@ -34,7 +41,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${manrope.variable} antialiased`}>
|
||||
<body className={`${publicSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Leaf, Award, Users } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -55,14 +55,20 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Professional Landscaping Since 2010" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37101.jpg", alt: "Our professional landscaping crew" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
/>
|
||||
<SplitAbout
|
||||
title="Professional Landscaping Since 2010"
|
||||
description="We are dedicated to providing top-tier landscaping and maintenance services across Ohio, ensuring your property looks its best in every season."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37101.jpg"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{ title: "Expert Care", description: "Certified professionals for every project.", icon: Leaf },
|
||||
{ title: "Proven Track Record", description: "15+ years of dedicated service.", icon: Award },
|
||||
{ title: "Community Focused", description: "Trusted by local families and businesses.", icon: Users }
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
|
||||
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { useLayoutEffect } from 'react';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #0c1325;
|
||||
--primary-cta: #0b07ff;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #0c1325;
|
||||
--accent: #93b7ff;
|
||||
--background-accent: #a8bae8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user