Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a1636c3120 | |||
| 4103f95ab4 | |||
| 85dcc9236b | |||
| 68877a7e0d | |||
| 4d39fe9ab7 | |||
| 6d9ce8e58a | |||
| 870b973be5 |
@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -14,6 +16,12 @@ export const metadata: Metadata = {
|
|||||||
description: "Generated by create next app",
|
description: "Generated by create next app",
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const dmSans = DM_Sans({
|
||||||
|
variable: "--font-dm-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
variable: "--font-inter",
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
@@ -27,7 +35,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${inter.variable} antialiased`}>
|
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -2,15 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import { Leaf } from "lucide-react";
|
import { Leaf, Phone, MapPin, Mail } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -119,15 +119,18 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitMedia
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "q1", title: "Do you serve outside Bend?", content: "We primarily serve Bend and surrounding communities." },
|
{ id: "q1", title: "Do you serve outside Bend?", content: "We primarily serve Bend and surrounding communities." },
|
||||||
{ id: "q2", title: "Are estimates free?", content: "Yes, we provide free onsite consultations." },
|
{ id: "q2", title: "Are estimates free?", content: "Yes, we provide free onsite consultations." },
|
||||||
{ id: "q3", title: "What is your warranty?", content: "We offer a 12-month craftsmanship warranty." },
|
{ id: "q3", title: "What is your warranty?", content: "We offer a 12-month craftsmanship warranty." },
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Questions | Preguntas Frecuentes"
|
title="Common Questions | Preguntas Frecuentes"
|
||||||
|
description="Find answers to our most popular questions."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
|
textboxLayout="split"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/two-gardeners-discussing-work_23-2148165261.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -147,34 +150,28 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{ variant: "gradient-bars" }}
|
|
||||||
tag="Get in Touch | Contáctanos"
|
|
||||||
title="Start Your Project | Inicie su Proyecto"
|
title="Start Your Project | Inicie su Proyecto"
|
||||||
description="Fill out the form to schedule a site visit today."
|
description="Fill out the form to schedule a site visit today."
|
||||||
|
inputs={[
|
||||||
|
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||||
|
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||||
|
]}
|
||||||
|
textarea={{ name: "message", placeholder: "Describe your landscaping project...", rows: 4 }}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/gardener-woman-working-garden-greenhouse_23-2148165251.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterCard
|
||||||
columns={[
|
logoText="Junior Construction LLC"
|
||||||
{
|
socialLinks={[
|
||||||
title: "Quick Links", items: [
|
{ icon: Phone, href: "tel:+15410000000", ariaLabel: "Phone" },
|
||||||
{ label: "Services", href: "#services" },
|
{ icon: Mail, href: "mailto:info@junior-construction.com", ariaLabel: "Email" },
|
||||||
{ label: "Process", href: "#process" },
|
{ icon: MapPin, href: "#", ariaLabel: "Location" }
|
||||||
{ label: "Contact", href: "#contact" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
|
||||||
{ label: "Terms of Use", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2024 Junior Construction LLC"
|
copyrightText="© 2025 | Junior Construction LLC. All rights reserved."
|
||||||
bottomRightText="Bend, Oregon"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-dm-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user