12 Commits

Author SHA1 Message Date
f28872f457 Update src/app/page.tsx 2026-05-27 14:41:09 +00:00
dbd3e1ffaf Update src/app/page.tsx 2026-05-04 12:39:21 +00:00
cb995fd0c2 Update src/app/products/page.tsx 2026-05-04 12:37:29 +00:00
d4589f921c Update src/app/products/page.tsx 2026-05-04 12:37:00 +00:00
c91a03c9b4 Update src/app/products/page.tsx 2026-05-04 12:36:36 +00:00
1b288517be Merge version_8 into main
Merge version_8 into main
2026-05-04 10:40:29 +00:00
21ae8509b5 Update src/app/products/page.tsx 2026-05-04 10:40:23 +00:00
db0ab622a5 Merge version_8 into main
Merge version_8 into main
2026-05-04 10:39:56 +00:00
a34888b823 Add src/app/products/page.tsx 2026-05-04 10:39:52 +00:00
2ddf8aa160 Update src/app/page.tsx 2026-05-04 10:39:52 +00:00
0c1d3550fd Update src/app/about/page.tsx 2026-05-04 10:39:52 +00:00
9338d1b1b6 Merge version_7 into main
Merge version_7 into main
2026-05-02 19:45:32 +00:00
3 changed files with 78 additions and 6 deletions

View File

@@ -25,7 +25,7 @@ export default function AboutPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/#products" },
{ name: "Products", id: "/products" },
{ name: "Services", id: "/#services" },
{ name: "Contact", id: "/#contact" },
]}
@@ -49,7 +49,7 @@ export default function AboutPage() {
<FooterBaseReveal
columns={[
{ title: "Services", items: [{ label: "Roofing", href: "/#services" }, { label: "Siding", href: "/#services" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/#contact" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/#contact" }] },
]}
logoText="Manufacturers Roofing & Siding"
/>

View File

@@ -27,7 +27,7 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "About", id: "/about" },
{ name: "Products", id: "/#products" },
{ name: "Products", id: "/products" },
{ name: "Services", id: "/#services" },
{ name: "Contact", id: "/#contact" },
]}
@@ -38,7 +38,9 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Manufacturers Roofing & Siding"
title="Manufactures Roofing & Siding
"
description="Premium roofing, siding, and ventilation systems installed with manufacturer-level expertise. 25+ years of experience protecting homes in North New Jersey."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "House roofing" },
@@ -71,7 +73,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Expert Knowledge", description: "Deep understanding of roofing, wall assemblies, and moisture management.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15928.jpg" },
{ id: "f1", title: "Expert Knowledge", description: "Deep understanding of roofing, wall assemblies, and moisture management.", tag: "Expertise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAe4BrTfI9CrjBldicDiGfbMZB/tmp/atlas-shingles-1777898344932-3f02f492.png" },
]}
title="Why Homeowners Choose Us"
description="Expert systems, premium materials, and prompt service."
@@ -82,7 +84,7 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{ title: "Services", items: [{ label: "Roofing", href: "/#services" }, { label: "Siding", href: "/#services" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/#contact" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/#contact" }] },
]}
logoText="Manufacturers Roofing & Siding"
/>

70
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,70 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="large"
background="noise"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/contact" },
]}
brandName="Manufacturers"
/>
</div>
<div id="products" data-section="products">
<FeatureCardTwentyEight
title="Atlas Shingles: Premium Roofing Systems"
description="Explore the technical benefits and durability specifications of our Atlas high-performance shingle lines."
textboxLayout="split"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: "1", category: "Technology", title: "CORE4 Technology", subtitle: "Unmatched Strength", value: "Atlas shingles are engineered with CORE4 technology to provide superior impact resistance and flexibility in extreme temperatures, ensuring long-term structural integrity."
},
{
id: "2", category: "Protection", title: "3M Scotchgard™ Protector", subtitle: "Algae Resistance", value: "Our premium shingles feature genuine 3M Scotchgard™ to defend your roof against unsightly black streaks caused by algae, maintaining your home's curb appeal for decades."
},
{
id: "3", category: "Specifications", title: "High Wind Warranty", subtitle: "Weather Endurance", value: "Designed to meet the highest industry standards, these shingles provide exceptional wind uplift resistance and durability even in severe weather conditions common to North New Jersey."
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Services", items: [{ label: "Roofing", href: "/" }, { label: "Siding", href: "/" }] },
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/contact" }] },
]}
bottomLeftText="© 2024 Manufacturers Inc."
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}