12 Commits

Author SHA1 Message Date
1fbaf8bb1c Merge version_2 into main
Merge version_2 into main
2026-04-17 23:52:47 +00:00
fded911762 Update src/app/product/page.tsx 2026-04-17 23:52:44 +00:00
b4d8c2bbac Update src/app/corporate/page.tsx 2026-04-17 23:52:44 +00:00
24dea53237 Merge version_2 into main
Merge version_2 into main
2026-04-17 23:52:23 +00:00
633a9c4961 Update src/app/story/page.tsx 2026-04-17 23:52:20 +00:00
93c2de8d40 Update src/app/product/page.tsx 2026-04-17 23:52:20 +00:00
05e67386c5 Update src/app/corporate/page.tsx 2026-04-17 23:52:19 +00:00
9e22ec4cd0 Merge version_2 into main
Merge version_2 into main
2026-04-17 23:51:53 +00:00
e023c79cbf Update src/app/story/page.tsx 2026-04-17 23:51:50 +00:00
726f6335c7 Update src/app/product/page.tsx 2026-04-17 23:51:49 +00:00
015d11f0c4 Update src/app/page.tsx 2026-04-17 23:51:49 +00:00
952f1f4e57 Update src/app/corporate/page.tsx 2026-04-17 23:51:49 +00:00
4 changed files with 177 additions and 485 deletions

View File

@@ -2,12 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TextAbout from '@/components/sections/about/TextAbout';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function CorporateGiftsPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -22,121 +23,61 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "The Clock",
id: "/product",
},
{
name: "Corporate Gifts",
id: "/corporate",
},
{
name: "Our Story",
id: "/story",
},
]}
brandName="Bradley Woodworks"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "The Clock", id: "/product" },
{ name: "Corporate Gifts", id: "/corporate" },
{ name: "Our Story", id: "/story" },
]}
brandName="Bradley Woodworks"
/>
</div>
<div id="corporate-options" data-section="corporate-options">
<PricingCardEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "tier1",
badge: "Individual",
price: "$850",
subtitle: "Single gift unit",
buttons: [
{
text: "Inquire",
href: "#",
},
],
features: [
"Standard Walnut",
"Free Shipping",
],
},
{
id: "tier2",
badge: "Bulk",
price: "$775",
subtitle: "10+ units",
buttons: [
{
text: "Quote",
href: "#",
},
],
features: [
"Volume Pricing",
"Custom Plaque",
"Priority Handling",
],
},
]}
title="Corporate & Retirement Gifts"
description="Volume pricing and custom plaque engraving options for prestigious institutions."
/>
</div>
<div id="hero" data-section="hero">
<TextAbout
title="Corporate & Retirement Honors"
tag="Excellence in Recognition"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Inquiry"
title="Request a Quote"
description="Fill out the form below to receive a personalized quote for your corporate gift order."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Distinguished Timepieces"
description="Select from our curated collection of heritage-grade station clocks, customizable with brass plaques."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Executive Heritage Station Clock", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436103.jpg" },
{ id: "p2", name: "Presidential Walnut Timekeeper", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/hexagonal-clock-outdoors-still-life_23-2150436187.jpg?_wi=1" },
{ id: "p3", name: "Director Series Wall Clock", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436137.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{
title: "Store",
items: [
{
label: "Shop",
href: "/product",
},
{
label: "Story",
href: "/story",
},
],
},
{
title: "Corporate",
items: [
{
label: "Retirement",
href: "/corporate",
},
{
label: "Support",
href: "#",
},
],
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Ready to discuss your corporate branding and customization needs? Contact our concierge team for bulk ordering and personalization options."
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Contact Concierge", href: "mailto:support@bradleywoodworks.com" }]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{ title: "Store", items: [{ label: "Shop", href: "/product" }, { label: "Story", href: "/story" }] },
{ title: "Corporate", items: [{ label: "Retirement", href: "/corporate" }, { label: "Support", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -27,22 +27,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "The Clock",
id: "/product",
},
{
name: "Corporate Gifts",
id: "/corporate",
},
{
name: "Our Story",
id: "/story",
},
{ name: "Home", id: "/" },
{ name: "The Clock", id: "/product" },
{ name: "Corporate Gifts", id: "/corporate" },
{ name: "Our Story", id: "/story" },
]}
brandName="Bradley Woodworks"
/>
@@ -50,42 +38,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="American Heritage Timekeeping"
description="Handbuilt station clocks, manufactured to original railroad specifications for lasting legacy."
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436103.jpg",
imageAlt: "Railroad station clock",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/hexagonal-clock-outdoors-still-life_23-2150436187.jpg",
imageAlt: "Railroad station clock",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg",
imageAlt: "Railroad station clock",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436137.jpg",
imageAlt: "Railroad station clock",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/white-clock-white-wall-interior_169016-49298.jpg",
imageAlt: "Railroad station clock",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599315.jpg",
imageAlt: "Railroad station clock",
},
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436103.jpg", imageAlt: "Railroad station clock" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/hexagonal-clock-outdoors-still-life_23-2150436187.jpg", imageAlt: "Railroad station clock" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg", imageAlt: "Railroad station clock" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436137.jpg", imageAlt: "Railroad station clock" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/white-clock-white-wall-interior_169016-49298.jpg", imageAlt: "Railroad station clock" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599315.jpg", imageAlt: "Railroad station clock" },
]}
/>
</div>
@@ -113,12 +75,7 @@ export default function LandingPage() {
title="Trusted by American Institutions"
description="Our heritage clocks adorn executive offices and public spaces across the country."
names={[
"Pennsylvania Rail Historical Society",
"Grand Central Conservancy",
"American Clockmakers Guild",
"National Archives Trust",
"Heritage House Museums",
]}
"Pennsylvania Rail Historical Society", "Grand Central Conservancy", "American Clockmakers Guild", "National Archives Trust", "Heritage House Museums"]}
/>
</div>
@@ -132,31 +89,11 @@ export default function LandingPage() {
mediaAnimation="slide-up"
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "What wood do you use?",
content: "We exclusively use North American black walnut, harvested sustainably.",
},
{
id: "f2",
title: "Are the movements mechanical?",
content: "Yes, we use precision-weighted brass mechanical movements.",
},
{
id: "f3",
title: "Do you offer repairs?",
content: "Every clock carries a lifetime warranty on internal mechanics.",
},
{
id: "f4",
title: "Lead time for orders?",
content: "As each is handbuilt, please allow 4-6 weeks for delivery.",
},
{
id: "f5",
title: "Custom plaque engraving?",
content: "We offer laser-etched brass plaques for all corporate orders.",
},
{ id: "f1", title: "What wood do you use?", content: "We exclusively use North American black walnut, harvested sustainably." },
{ id: "f2", title: "Are the movements mechanical?", content: "Yes, we use precision-weighted brass mechanical movements." },
{ id: "f3", title: "Do you offer repairs?", content: "Every clock carries a lifetime warranty on internal mechanics." },
{ id: "f4", title: "Lead time for orders?", content: "As each is handbuilt, please allow 4-6 weeks for delivery." },
{ id: "f5", title: "Custom plaque engraving?", content: "We offer laser-etched brass plaques for all corporate orders." },
]}
/>
</div>
@@ -165,36 +102,12 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{
title: "Store",
items: [
{
label: "Shop",
href: "/product",
},
{
label: "Story",
href: "/story",
},
],
},
{
title: "Corporate",
items: [
{
label: "Retirement",
href: "/corporate",
},
{
label: "Support",
href: "#",
},
],
},
{ title: "Store", items: [{ label: "Shop", href: "/product" }, { label: "Story", href: "/story" }] },
{ title: "Corporate", items: [{ label: "Retirement", href: "/corporate" }, { label: "Support", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function LandingPage() {
export default function ProductPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -22,120 +22,59 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "The Clock",
id: "/product",
},
{
name: "Corporate Gifts",
id: "/corporate",
},
{
name: "Our Story",
id: "/story",
},
]}
brandName="Bradley Woodworks"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "The Clock", id: "/product" },
{ name: "Corporate Gifts", id: "/corporate" },
{ name: "Our Story", id: "/story" },
]}
brandName="Bradley Woodworks"
/>
</div>
<div id="product-page-detail" data-section="product-page-detail">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Bradley Woodworks",
name: "Station Clock No. 1",
price: "$850.00",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/classical-urban-european-city_23-2151917260.jpg",
},
{
id: "p2",
brand: "Bradley Woodworks",
name: "Station Clock No. 2",
price: "$925.00",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/square-clock-outdoors-still-life_23-2150436191.jpg",
},
]}
title="The Original Station Clock"
description="Museum-grade materials including solid walnut and precision brass mechanics."
/>
</div>
<div id="product-detail" data-section="product-detail">
<ProductDetailCard
layout="page"
name="The Standard Issue Station Clock"
price="$1,250.00"
rating={5}
description="Our flagship timepiece, built to 1920s railroad specifications. Featuring authentic North American black walnut housing and a precision-weighted brass mechanical movement that keeps time for generations."
images={[
{ src: "http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436103.jpg", alt: "Clock front view" },
{ src: "http://img.b2bpic.net/free-photo/circular-clock-indoors-still-life_23-2150436137.jpg", alt: "Clock side detail" }
]}
buttons={[{ text: "Add to Cart" }, { text: "Inquire Customization" }]}
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Historical Collections"
description="Explore our curated series of timepieces inspired by 20th-century rail architecture."
products={[
{
id: "p3",
name: "The Terminal Regulator",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-back-school-concept_23-2148559702.jpg",
},
{
id: "p4",
name: "Station Pedestal Clock",
price: "$950",
imageSrc: "http://img.b2bpic.net/free-photo/small-wooden-clock-with-decorated-flower-set_1150-17411.jpg",
},
]}
/>
</div>
<div id="related-products" data-section="related-products">
<ProductCardTwo
title="Related Timepieces"
description="Other popular timepieces."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Bradley Woodworks", name: "Small Heritage Clock", price: "$850.00", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/hexagonal-clock-outdoors-still-life_23-2150436187.jpg?_wi=2" },
{ id: "p2", brand: "Bradley Woodworks", name: "Executive Station Clock", price: "$1,500.00", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/white-clock-white-wall-interior_169016-49298.jpg" },
{ id: "p3", brand: "Bradley Woodworks", name: "Grand Commuter Clock", price: "$1,950.00", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{
title: "Store",
items: [
{
label: "Shop",
href: "/product",
},
{
label: "Story",
href: "/story",
},
],
},
{
title: "Corporate",
items: [
{
label: "Retirement",
href: "/corporate",
},
{
label: "Support",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{ title: "Store", items: [{ label: "Shop", href: "/product" }, { label: "Story", href: "/story" }] },
{ title: "Corporate", items: [{ label: "Retirement", href: "/corporate" }, { label: "Support", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,12 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { History } from "lucide-react";
export default function LandingPage() {
export default function StoryPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
@@ -22,153 +23,51 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "The Clock",
id: "/product",
},
{
name: "Corporate Gifts",
id: "/corporate",
},
{
name: "Our Story",
id: "/story",
},
]}
brandName="Bradley Woodworks"
/>
</div>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "The Clock", id: "/product" },
{ name: "Corporate Gifts", id: "/corporate" },
{ name: "Our Story", id: "/story" },
]}
brandName="Bradley Woodworks"
/>
<div id="hero-story" data-section="hero-story">
<TextAbout
title="A Century of Craft"
tag="Our Heritage"
tagIcon={History}
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="The Workshop Team"
description="Meet the master horologists and woodworkers behind every Bradley piece."
members={[
{
id: "m1",
name: "Arthur Bradley",
role: "Master Craftsman",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-tool-box-sawdust_23-2148679109.jpg",
},
{
id: "m2",
name: "Elena Thorne",
role: "Head Horologist",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-crafting-objects-assortment_23-2148732481.jpg",
},
{
id: "m3",
name: "Sam Miller",
role: "Finish Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-performing-tasks-wood-shaper-shaping-cutting-materials_482257-83684.jpg",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
title="The Makers Behind the Time"
description="Our dedicated team of artisans."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="blur-reveal"
members={[
{ id: "t1", name: "Jonathan Bradley", role: "Founder & Master Horologist" },
{ id: "t2", name: "Sarah Chen", role: "Lead Artisan" },
{ id: "t3", name: "Marcus Thorne", role: "Technical Designer" }
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Stories from Owners"
description="Discover why our clients choose the durability and beauty of American handcraft."
kpiItems={[
{
value: "50+",
label: "Years Legacy",
},
{
value: "100%",
label: "Solid Walnut",
},
{
value: "5-Star",
label: "Average Rating",
},
]}
testimonials={[
{
id: "t1",
name: "Robert J.",
role: "Collector",
company: "Private Collection",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-pointing-alarm-clock-pink-shirt-looking-optimistic-front-view_176474-32151.jpg",
},
{
id: "t2",
name: "Sarah W.",
role: "Gift Planner",
company: "Architectural Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-superhero-female-holding-wall-clock-showing-thumb-up-isolated-green_141793-94545.jpg",
},
{
id: "t3",
name: "Michael B.",
role: "Owner",
company: "Hotel Heritage",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-lady-pajamas-happily-posing-apartment-holding-alarm-clock_197531-19862.jpg",
},
{
id: "t4",
name: "Jennifer L.",
role: "Director",
company: "City Museum",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-pajamas-makes-nice-face-keeps-alarm-clock-her-head_197531-19860.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{
title: "Store",
items: [
{
label: "Shop",
href: "/product",
},
{
label: "Story",
href: "/story",
},
],
},
{
title: "Corporate",
items: [
{
label: "Retirement",
href: "/corporate",
},
{
label: "Support",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Bradley Woodworks"
columns={[
{ title: "Store", items: [{ label: "Shop", href: "/product" }, { label: "Story", href: "/story" }] },
{ title: "Corporate", items: [{ label: "Retirement", href: "/corporate" }, { label: "Support", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}