Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2100630574 | |||
| a7448ebbac | |||
| dd28d04c9d | |||
| aebba7babf | |||
| 80dd06eee1 | |||
| be7aa0b553 | |||
| 443b0381de | |||
| 7b4c751884 |
42
src/app/about/page.tsx
Normal file
42
src/app/about/page.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
]}
|
||||
brandName="NextGenBinCleaning"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
<div id="about" className="min-h-screen pt-40">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "About NextGenBinCleaning" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,17 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Sparkles, Phone, Users, Instagram, Facebook } from "lucide-react";
|
||||
|
||||
export default function TrashCleaningPage() {
|
||||
return (
|
||||
@@ -30,76 +25,51 @@ export default function TrashCleaningPage() {
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Social Media", id: "social" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
]}
|
||||
brandName="NextGenBinCleaning"
|
||||
button={{ text: "330-581-5104 | 330-265-5048", href: "tel:3305815104" }}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
<HeroCarouselLogo
|
||||
logoText="Welcome to NextGenBinCleaning"
|
||||
title="Welcome to NextGenBinCleaning"
|
||||
description="We keep your bins sanitized, smelling fresh, and spotless with our eco-friendly professional cleaning services in Louisville, Ohio."
|
||||
buttons={[
|
||||
{ text: "View Pricing", href: "#pricing" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-environment-concept_23-2148472378.jpg", imageAlt: "Grassy dirt trail background with soapy cleaning process" }
|
||||
]}
|
||||
showDimOverlay={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-environment-concept_23-2148472378.jpg"
|
||||
imageAlt="Grassy dirt trail background with soapy cleaning process"
|
||||
/>
|
||||
<InlineImageSplitTextAbout
|
||||
id="about"
|
||||
className="pt-40"
|
||||
heading={[
|
||||
{ type: "text", content: "Me and my friend Jordan are in middle school and this is " },
|
||||
{ type: "text", content: "NextGenBinCleaning " },
|
||||
{ type: "text", content: "we are in the Louisville, Ohio area." }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardOne
|
||||
id="pricing"
|
||||
tag="Our Plans"
|
||||
tagIcon={Sparkles}
|
||||
title="NextGen BinCleaning"
|
||||
<div id="about">
|
||||
<InlineImageSplitTextAbout
|
||||
className="pt-40"
|
||||
heading={[
|
||||
{ type: "text", content: "Me and my friend Jordan are in middle school and this is " },
|
||||
{ type: "text", content: "NextGenBinCleaning " },
|
||||
{ type: "text", content: "we are in the Louisville, Ohio area." }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FeatureCardTwentySeven
|
||||
title="Our Plans"
|
||||
description="Choose the plan that works for you."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "One Time Service", description: "1 bin: $15 | 2 bins: $25", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-with-recycle-bin_23-2151064538.jpg", imageAlt: "One time bin service"
|
||||
id: "one-time", title: "One Time Service", descriptions: ["1 bin: $15 | 2 bins: $25"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-with-recycle-bin_23-2151064538.jpg", imageAlt: "One time bin service"
|
||||
},
|
||||
{
|
||||
title: "Monthly Service", description: "1 bin: $30/mo | 2 bins: $35/mo", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo_23-2150704974.jpg", imageAlt: "Monthly bin service"
|
||||
id: "monthly", title: "Monthly Service", descriptions: ["1 bin: $30/mo | 2 bins: $35/mo"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo_23-2150704974.jpg", imageAlt: "Monthly bin service"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<FeatureCardMedia
|
||||
id="social"
|
||||
tag="Social"
|
||||
tagIcon={Instagram}
|
||||
title="Social Media"
|
||||
description="Connect with us on our social platforms."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "fb", title: "Facebook", description: "Follow our latest cleaning results!", tag: "Facebook", imageSrc: "http://img.b2bpic.net/free-photo/3d-facebook-logo-with-colorful-elements_23-2152000293.jpg", imageAlt: "Facebook"
|
||||
},
|
||||
{
|
||||
id: "ig", title: "Instagram", description: "See the shine on every bin we clean!", tag: "Instagram", imageSrc: "http://img.b2bpic.net/free-photo/branding-strategy-marketing-business-graphic-design_53876-125554.jpg", imageAlt: "Instagram"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<FooterCard
|
||||
<FooterBase
|
||||
logoText="NextGenBinCleaning"
|
||||
copyrightText="© 2025 NextGenBinCleaning | Louisville, OH"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user