Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1fbaf8bb1c | |||
| fded911762 | |||
| b4d8c2bbac | |||
| 24dea53237 | |||
| 633a9c4961 | |||
| 93c2de8d40 | |||
| 05e67386c5 | |||
| 9e22ec4cd0 | |||
| e023c79cbf | |||
| 726f6335c7 | |||
| 015d11f0c4 | |||
| 952f1f4e57 |
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
127
src/app/page.tsx
127
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user