bender/3bc505ce-fef0-4d17-aecc-32d32acc0305
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-21 11:08:05 +00:00
Conversation 0 Commits 2 Files Changed 2 +78 -29
2 changed files with 78 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/app/page.tsx
View File

@@ -32,10 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Products", id: "#products" },
{ name: "Contact", id: "#contact" },
{ name: "Home", id: "/#hero" },
{ name: "About", id: "/#about" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" },
]}
brandName="SandSupply"
/>
@@ -48,8 +48,8 @@ export default function LandingPage() {
description="We specialize in the purchase and sale of high-quality industrial, construction, and landscaping sand for projects of all sizes."
tag="Quality Assured"
buttons={[
{ text: "Browse Products", href: "#products" },
{ text: "Contact Sales", href: "#contact" },
{ text: "Browse Products", href: "/products" },
{ text: "Contact Sales", href: "/#contact" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beach-fence_1361-199.jpg", imageAlt: "Construction site sand pile" },
@@ -66,7 +66,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Building Foundations with Quality Sand"
buttons={[{ text: "Learn About Our Process", href: "#services" }]}
buttons={[{ text: "Learn About Our Process", href: "/#services" }]}
/>
</div>
@@ -89,25 +89,6 @@ export default function LandingPage() {
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "River Sand", price: "Contact for pricing", variant: "Coarse", imageSrc: "http://img.b2bpic.net/free-photo/wooden-boats-parked-shore_1312-41.jpg" },
{ id: "p2", name: "Concrete Sand", price: "Contact for pricing", variant: "Fine", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-clay-smudge_23-2148862875.jpg" },
{ id: "p3", name: "Mason Sand", price: "Contact for pricing", variant: "Very Fine", imageSrc: "http://img.b2bpic.net/free-photo/rough-textured-wall_1368-6122.jpg" },
{ id: "p4", name: "Silica Sand", price: "Contact for pricing", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg" },
{ id: "p5", name: "Fill Sand", price: "Contact for pricing", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/weeder_23-2148006011.jpg" },
{ id: "p6", name: "Landscape Sand", price: "Contact for pricing", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/sandcastle-beach_53876-47158.jpg" },
]}
title="Our Sand Catalog"
description="Choose from a wide variety of specialized sand products for all construction needs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
@@ -170,8 +151,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Products", href: "#products" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }, { label: "Support", href: "#" }] },
{ items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Products", href: "/products" }] },
{ items: [{ label: "Contact", href: "/#contact" }, { label: "FAQ", href: "#" }, { label: "Support", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="SandSupply"
@@ -180,4 +161,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -0,0 +1,68 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function ProductsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/#hero" },
{ name: "About", id: "/#about" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" },
]}
brandName="SandSupply"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "River Sand", price: "Contact for pricing", variant: "Coarse", imageSrc: "http://img.b2bpic.net/free-photo/wooden-boats-parked-shore_1312-41.jpg" },
{ id: "p2", name: "Concrete Sand", price: "Contact for pricing", variant: "Fine", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-clay-smudge_23-2148862875.jpg" },
{ id: "p3", name: "Mason Sand", price: "Contact for pricing", variant: "Very Fine", imageSrc: "http://img.b2bpic.net/free-photo/rough-textured-wall_1368-6122.jpg" },
{ id: "p4", name: "Silica Sand", price: "Contact for pricing", variant: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg" },
{ id: "p5", name: "Fill Sand", price: "Contact for pricing", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/weeder_23-2148006011.jpg" },
{ id: "p6", name: "Landscape Sand", price: "Contact for pricing", variant: "Decorative", imageSrc: "http://img.b2bpic.net/free-photo/sandcastle-beach_53876-47158.jpg" },
]}
title="Our Sand Catalog"
description="Choose from a wide variety of specialized sand products for all construction needs."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Products", href: "/products" }] },
{ items: [{ label: "Contact", href: "/#contact" }, { label: "FAQ", href: "#" }, { label: "Support", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="SandSupply"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}