bender/d23d7ee3-91d2-4666-a02f-093522958f0d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_12 into main #13

Merged
bender merged 2 commits from version_12 into main 2026-02-26 11:09:59 +00:00
Conversation 0 Commits 2 Files Changed 2 +20 -41
2 changed files with 20 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/page.tsx
View File

@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import { Package, Sparkles, TrendingUp, Users } from 'lucide-react';
import { Sparkles, TrendingUp, Users } from 'lucide-react';
export default function SitePage() {
return (
@@ -26,12 +25,14 @@ export default function SitePage() {
primaryButtonStyle="inset-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
theme={{
"--background": "#0a0a0a", "--card": "#1a1a1a", "--foreground": "#fffffae6", "--primary-cta": "#fde047", "--secondary-cta": "#1a1a1a", "--accent": "#737373", "--background-accent": "#737373", "--primary-cta-text": "#0a0a0a", "--secondary-cta-text": "#fffffae6"
}}
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Moments", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Stories", id: "testimonials" },
@@ -113,28 +114,6 @@ export default function SitePage() {
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
products={[
{ id: '1', name: 'Vintage Camera', price: '$299', variant: 'Classic Black Edition', imageSrc: 'http://img.b2bpic.net/free-photo/old-vintage-camera-white-background_1462-1049.jpg', imageAlt: 'Vintage camera' },
{ id: '2', name: 'Photo Album', price: '$45', variant: 'Leather Bound', imageSrc: 'http://img.b2bpic.net/free-photo/vintage-photo-album-white_1203-5182.jpg', imageAlt: 'Leather bound photo album' },
{ id: '3', name: 'Tripod Stand', price: '$75', variant: 'Lightweight Aluminum', imageSrc: 'http://img.b2bpic.net/free-photo/camera-stand-isolated-white-background_1203-5969.jpg', imageAlt: 'Camera tripod stand' },
{ id: '4', name: 'Lens Cleaning Kit', price: '$20', variant: 'Pro Series', imageSrc: 'http://img.b2bpic.net/free-photo/still-life-set-professional-cleaning-lens-d_23-2148906323.jpg', imageAlt: 'Lens cleaning kit' }
]}
title="Our Products"
description="Enhance your photography journey with our carefully selected range of products."
tag="Shop Now"
tagIcon={Package}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
buttons={[
{ text: "Browse All", href: "#products" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Our Journey Through the Lens"

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

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #ffffff;;
--card: #fefefe;;
--foreground: #222222;;
--primary-cta: #e63946;;
--secondary-cta: #4caf50;;
--accent: #f5c4c7;;
--background-accent: #e0f4e6;; */
/* --background: #0a0a0a;;
--card: #1a1a1a;;
--foreground: #fffffae6;;
--primary-cta: #fde047;;
--secondary-cta: #1a1a1a;;
--accent: #737373;;
--background-accent: #737373;; */
--background: #ffffff;;
--card: #fefefe;;
--foreground: #222222;;
--primary-cta: #e63946;;
--primary-cta-text: #ffffff;;
--secondary-cta: #4caf50;;
--secondary-cta-text: #120a00e6;;
--accent: #f5c4c7;;
--background-accent: #e0f4e6;;
--background: #0a0a0a;;
--card: #1a1a1a;;
--foreground: #fffffae6;;
--primary-cta: #fde047;;
--primary-cta-text: #0a0a0a;;
--secondary-cta: #1a1a1a;;
--secondary-cta-text: #fffffae6;;
--accent: #737373;;
--background-accent: #737373;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);