bender/a9a251d8-d175-47d8-b7dd-7b9bf62fa2b3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_1 bender:version_2
..
compare: bender:version_1
Branches Tags
bender:main bender:version_1 bender:version_2

1 Commits
version_2 ... version_1

Author SHA1 Message Date
bender
1c7331c6a3 Update theme colors 2026-04-08 20:50:34 +00:00
6 changed files with 63 additions and 249 deletions
Expand all files Collapse all files

56
src/app/about/page.tsx
View File

@@ -1,56 +0,0 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Firenze"
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
/>
<MetricSplitMediaAbout
title="Our Florentine Heritage"
description="Born in the heart of Florence, our workshop carries on a century-old legacy of artisanal furniture making. We believe in blending traditional techniques with modern needs, ensuring every piece tells a story of craftsmanship and dedication."
metrics={[
{ value: "120+", title: "Years Established" },
{ value: "50+", title: "Master Artisans" },
{ value: "100%", title: "Sustainably Sourced" }
]}
imageSrc="http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600761.jpg"
useInvertedBackground={false}
/>
<FooterBase
logoText="Firenze Furniture"
copyrightText="© 2026 | Firenze Furniture Co."
columns={[
{ title: "Company", items: [{ label: "History", href: "/about" }, { label: "Artisans", href: "/about" }, { label: "Stores", href: "#" }] },
{ title: "Shop", items: [{ label: "Collections", href: "/gallery" }, { label: "Dining", href: "/catalog" }, { label: "Bedroom", href: "/catalog" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Newsletter", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

53
src/app/catalog/page.tsx
View File

@@ -1,53 +0,0 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function CatalogPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Firenze"
navItems={[
{ name: "Collections", id: "/gallery" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
/>
<ProductCatalog
layout="page"
products={[
{ id: "1", name: "Classic Walnut Dining Table", price: "$3,200", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg" },
{ id: "2", name: "Velvet Modular Sofa", price: "$4,500", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg" },
{ id: "3", name: "Sculptural Brass Lamp", price: "$850", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-embossed-glass-vase-with-green-flowers-wooden-table_140725-12906.jpg" }
]}
/>
<FooterBase
logoText="Firenze Furniture"
copyrightText="© 2026 | Firenze Furniture Co."
columns={[
{ title: "Company", items: [{ label: "History", href: "/about" }, { label: "Artisans", href: "/about" }, { label: "Stores", href: "#" }] },
{ title: "Shop", items: [{ label: "Collections", href: "/gallery" }, { label: "Dining", href: "/catalog" }, { label: "Bedroom", href: "/catalog" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Newsletter", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

51
src/app/contact/page.tsx
View File

@@ -1,51 +0,0 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Firenze"
navItems={[
{ name: "Home", id: "/" },
{ name: "Collections", id: "/gallery" },
{ name: "Catalog", id: "/catalog" },
{ name: "Contact", id: "/contact" },
]}
/>
<ContactText
text="Get in Touch with Our Artisans"
background={{ variant: "canvas-reveal" }}
buttons={[{ text: "Submit Inquiry", href: "#" }]}
useInvertedBackground={false}
className="pt-32 pb-24"
/>
<FooterBase
logoText="Firenze Furniture"
copyrightText="© 2026 | Firenze Furniture Co."
columns={[
{ title: "Company", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "View Gallery", href: "/gallery" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

58
src/app/gallery/page.tsx
View File

@@ -1,58 +0,0 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Firenze"
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
/>
<ProductCardThree
title="Our Furniture Showcase"
description="A curated selection of our finest handcrafted Italian pieces."
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Walnut Dining Table", price: "$4,500", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg" },
{ id: "2", name: "Velvet Modular Sofa", price: "$8,200", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg" },
{ id: "3", name: "Artisanal Bed", price: "$6,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg" },
]}
className="pt-32 pb-24"
/>
<FooterBase
logoText="Firenze Furniture"
copyrightText="© 2026 | Firenze Furniture Co."
columns={[
{ title: "Company", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "View Gallery", href: "/gallery" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

76
src/app/page.tsx
View File

@@ -5,13 +5,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, ArrowUpRight, Users, Award, TrendingUp } from "lucide-react";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
export default function FirenzeFurniturePage() {
return (
@@ -23,7 +25,7 @@ export default function FirenzeFurniturePage() {
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
primaryButtonStyle="metallic"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
@@ -31,11 +33,12 @@ export default function FirenzeFurniturePage() {
<NavbarLayoutFloatingOverlay
brandName="Firenze"
navItems={[
{ name: "Home", id: "/" },
{ name: "Collections", id: "/gallery" },
{ name: "Contact", id: "/contact" },
{ name: "Collections", id: "collections" },
{ name: "Craftsmanship", id: "craftsmanship" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "View Catalog", href: "/gallery" }}
button={{ text: "View Catalog", href: "#collections" }}
/>
<HeroSplitDoubleCarousel
title="Timeless Italian Elegance"
@@ -45,8 +48,8 @@ export default function FirenzeFurniturePage() {
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Explore Collection", href: "/gallery" },
{ text: "Contact Us", href: "/contact" },
{ text: "Explore Collection", href: "#collections" },
{ text: "Our Process", href: "#craftsmanship" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
@@ -68,22 +71,49 @@ export default function FirenzeFurniturePage() {
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
buttons={[{ text: "Read More", href: "#about" }]}
features={[
{ title: "Material Excellence", description: "Only the finest sustainably sourced hardwoods and Italian leathers.", imageSrc: "http://img.b2bpic.net/free-photo/antique-chair-interior-furniture-sofa_1203-5024.jpg", imageAlt: "Material excellence" },
{ title: "Artisanal Build", description: "Each piece is built to order by master furniture makers in Italy.", imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600761.jpg", imageAlt: "Artisanal build" },
{ title: "Timeless Design", description: "Furniture that transcends trends, designed to last generations.", imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg", imageAlt: "Timeless design" },
{
title: "Material Excellence", description: "Only the finest sustainably sourced hardwoods and Italian leathers.", bentoComponent: "marquee", centerIcon: Shield,
variant: "text", texts: ["Walnut", "Oak", "Marble", "Leather", "Velvet", "Brass", "Silk", "Solid Wood"],
},
{
title: "Artisanal Build", description: "Each piece is built to order by master furniture makers in Italy.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600761.jpg", imageAlt: "Workshop carving" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451038.jpg", imageAlt: "Finishing touches" },
{ imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600740.jpg", imageAlt: "Quality inspection" },
],
},
{
title: "Timeless Design", description: "Furniture that transcends trends, designed to last generations.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg", imageAlt: "Living space inspiration" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263636.jpg", imageAlt: "Interior design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg", imageAlt: "Curated home" },
],
},
]}
/>
<FeatureCardTen
<FeatureCardTwentySix
title="Signature Collections"
description="Discover the pieces that define the Firenze aesthetic."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
buttons={[{ text: "Explore All", href: "#collections" }]}
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{ title: "Medici Dining", description: "Majestic walnut dining collection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg", imageAlt: "Dining set" }, items: [], reverse: false },
{ title: "Arno Lounge", description: "Ultra-plush velvet modular sofas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg", imageAlt: "Living room" }, items: [], reverse: true },
{ title: "Uffizi Bedroom", description: "Refined sleeping sanctuaries.", media: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg", imageAlt: "Bedroom" }, items: [], reverse: false },
{
title: "Medici Dining", description: "Majestic walnut dining collection.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg", imageAlt: "Dining set", buttonIcon: ArrowUpRight,
},
{
title: "Arno Lounge", description: "Ultra-plush velvet modular sofas.", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg", imageAlt: "Living room", buttonIcon: ArrowUpRight,
},
{
title: "Uffizi Bedroom", description: "Refined sleeping sanctuaries.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg", imageAlt: "Bedroom", buttonIcon: ArrowUpRight,
},
{
title: "Ponte Lighting", description: "Sculptural lamps and fixtures.", imageSrc: "http://img.b2bpic.net/free-photo/modern-therapy-room-with-armchairs-green-lamps-creating-soft-lighting_482257-119613.jpg", imageAlt: "Lighting", buttonIcon: ArrowUpRight,
},
]}
/>
<TestimonialCardFifteen
@@ -125,7 +155,9 @@ export default function FirenzeFurniturePage() {
title="Ready to Furnish Your Vision?"
description="Book a design consultation with our experts to discuss your home interior project."
background={{ variant: "rotated-rays-animated" }}
buttons={[{ text: "Schedule Call", href: "/contact" }]}
buttons={[
{ text: "Schedule Call", href: "#contact" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
@@ -133,9 +165,9 @@ export default function FirenzeFurniturePage() {
logoText="Firenze Furniture"
copyrightText="© 2026 | Firenze Furniture Co."
columns={[
{ title: "Company", items: [{ label: "History", href: "/" }, { label: "Artisans", href: "/" }, { label: "Contact", href: "/contact" }] },
{ title: "Shop", items: [{ label: "View Gallery", href: "/gallery" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Newsletter", href: "#" }] },
{ title: "Company", items: [{ label: "History", href: "#about" }, { label: "Artisans", href: "#craftsmanship" }, { label: "Stores", href: "#" }] },
{ title: "Shop", items: [{ label: "Living", href: "#" }, { label: "Dining", href: "#" }, { label: "Bedroom", href: "#" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Newsletter", href: "#" }] },
]}
/>
</ReactLenis>

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #161616;
--foreground: #f0f0f0;
--primary-cta: #ffffff;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1e1e1e;
--secondary-cta-text: #e0e0e0;
--accent: #d0d0d0;
--background-accent: #9a9a9a;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);