9 Commits

Author SHA1 Message Date
5e327eb74d Update theme colors 2026-05-08 03:21:50 +00:00
db9930283f Update theme colors 2026-05-08 03:21:40 +00:00
26147c6bb7 Update theme colors 2026-05-08 03:21:33 +00:00
4f101356f6 Update theme colors 2026-05-08 03:21:20 +00:00
9b3b86ae9c Update theme colors 2026-05-08 03:21:09 +00:00
a5a815e257 Update theme colors 2026-05-08 03:20:17 +00:00
1fee628448 Update theme colors 2026-05-08 03:20:03 +00:00
b1b2d16e94 Update src/app/styles/variables.css 2026-05-08 03:14:17 +00:00
7337b80633 Update src/app/page.tsx 2026-05-08 03:14:17 +00:00
2 changed files with 52 additions and 284 deletions

View File

@@ -31,18 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Gallery",
id: "#portfolio",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Gallery", id: "#portfolio" },
{ name: "Contact", id: "#contact" },
]}
brandName="Khan Pixel Photography"
/>
@@ -50,90 +41,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Capturing Moments, Defining Art."
description="Khan Pixel Photography delivers professional, high-end visual storytelling tailored for lifes most cherished memories."
buttons={[
{
text: "Book Session",
href: "#contact",
},
]}
background={{ variant: "gradient-bars" }}
title="Capturing Soul, Defining Heritage."
description="Khan Pixel Photography delivers high-end visual storytelling, blending Indian cultural vibrancy with modern artistry for your most cherished memories."
buttons={[{ text: "Book Session", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-luggage-prepared-trips-with-camera_23-2148927421.jpg"
imageAlt="professional portrait photography studio"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-person-s-hand-holding-modern-camera-lens-beige-background_23-2148038909.jpg",
alt: "Top view of person's hand holding modern camera lens on beige background",
},
{
src: "http://img.b2bpic.net/free-photo/blue-vintage-digital-camera-collage_23-2148084323.jpg",
alt: "Blue vintage digital camera collage",
},
{
src: "http://img.b2bpic.net/free-photo/vintage-photo-camera-composition_23-2148913937.jpg",
alt: "Vintage photo camera composition",
},
{
src: "http://img.b2bpic.net/free-photo/white-painted-camera-against-pink-background_23-2148084284.jpg",
alt: "White painted camera against pink background",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-bearded-young-reporter-with-photo-camera-dark-photo-studio_613910-3843.jpg",
alt: "Portrait of bearded young reporter with photo camera at dark photo studio.",
},
]}
marqueeItems={[
{
type: "text",
text: "PORTRAIT",
},
{
type: "text",
text: "EDITORIAL",
},
{
type: "text",
text: "COMMERCIAL",
},
{
type: "text",
text: "LIFESTYLE",
},
{
type: "text",
text: "EVENTS",
},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="The Eye Behind the Lens"
description="With over a decade of experience, we specialize in portrait, event, and editorial photography that brings a modern, candid touch to every frame."
title="The Visionary Lens"
description="Based on a rich tapestry of Indian visual culture, we capture moments with passion and professional precision for a timeless elegance."
metrics={[
{
value: "500+",
title: "Sessions Completed",
},
{
value: "150+",
title: "Happy Clients",
},
{
value: "10",
title: "Years Experience",
},
{ value: "500+", title: "Sessions Captured" },
{ value: "150+", title: "Happy Clients" },
{ value: "10", title: "Years of Artistry" },
]}
imageSrc="http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg"
imageAlt="photographer holding camera outdoors"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -143,39 +70,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Event Photography",
tags: [
"Weddings",
"Galas",
],
imageSrc: "http://img.b2bpic.net/free-photo/usa-black-suit-tenderness-couple_1304-1065.jpg",
imageAlt: "wedding photography candid shot",
},
{
id: "f2",
title: "Outdoor & Landscape",
tags: [
"Nature",
"Travel",
],
imageSrc: "http://img.b2bpic.net/free-photo/autumn-colorful-foliage-with-lake-reflection_649448-4987.jpg",
imageAlt: "nature landscape photography outdoor",
},
{
id: "f3",
title: "Commercial & Architectural",
tags: [
"Real Estate",
"Branding",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-coarse-plaster-surface_23-2148252761.jpg",
imageAlt: "architectural building design shot",
},
{ id: "f1", title: "Ceremonial Portraiture", tags: ["Weddings", "Festivals"], imageSrc: "http://img.b2bpic.net/free-photo/usa-black-suit-tenderness-couple_1304-1065.jpg" },
{ id: "f2", title: "Cultural Landscapes", tags: ["Travel", "Architecture"], imageSrc: "http://img.b2bpic.net/free-photo/autumn-colorful-foliage-with-lake-reflection_649448-4987.jpg" },
{ id: "f3", title: "Modern Commercial", tags: ["Branding", "Artistic"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-coarse-plaster-surface_23-2148252761.jpg" },
]}
title="Specialized Services"
description="Comprehensive photography solutions designed to exceed your visual expectations."
title="Our Services"
description="Tailored photographic experiences honoring Indian artistic traditions."
/>
</div>
@@ -186,51 +86,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Lifestyle Portrait",
price: "Artistic",
variant: "Portrait",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406008.jpg",
},
{
id: "p2",
name: "Editorial Noir",
price: "Dramatic",
variant: "Studio",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020135.jpg",
},
{
id: "p3",
name: "Travel Serenity",
price: "Authentic",
variant: "Outdoor",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-female-photographer-looking-phone-smiling_176420-6925.jpg",
},
{
id: "p4",
name: "Event Dynamics",
price: "High Energy",
variant: "Event",
imageSrc: "http://img.b2bpic.net/free-photo/girl-boy-celebrating-birthday-with-hats_23-2148248791.jpg",
},
{
id: "p5",
name: "Fashion Forward",
price: "Sophisticated",
variant: "Fashion",
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-sitting-barn-with-seddle_171337-18328.jpg",
},
{
id: "p6",
name: "Culinary Detail",
price: "Delicious",
variant: "Food",
imageSrc: "http://img.b2bpic.net/free-photo/eating-asian-food-dinner-concept_53876-23414.jpg",
},
{ id: "p1", name: "Bridal Heritage", price: "Artistic", variant: "Portrait", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406008.jpg" },
{ id: "p2", name: "Ceremonial Noir", price: "Dramatic", variant: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020135.jpg" },
{ id: "p3", name: "Festival Serenity", price: "Authentic", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-female-photographer-looking-phone-smiling_176420-6925.jpg" },
]}
title="Selected Works"
description="A glimpse into our visual archive across various artistic styles."
title="Featured Gallery"
description="Selected works reflecting beauty, culture, and life."
/>
</div>
@@ -240,39 +101,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Quality Assured",
items: [
"Detail oriented",
"Color corrected",
"Professional edits",
],
},
{
id: "m2",
value: "24h",
title: "Preview Delivery",
items: [
"Quick turnaround",
"First draft included",
"Priority access",
],
},
{
id: "m3",
value: "5.0",
title: "Avg Rating",
items: [
"Consistent satisfaction",
"High client trust",
"Top-rated service",
],
},
{ id: "m1", value: "100%", title: "Cultural Precision", items: ["Authentic", "Vibrant", "Professional"] },
{ id: "m2", value: "24h", title: "Preview Delivery", items: ["Quick", "Reliable", "Efficient"] },
{ id: "m3", value: "5.0", title: "Client Delight", items: ["Consistent", "High-end", "Trusted"] },
]}
title="Our Impact"
description="Visualizing excellence through data and satisfied feedback."
title="Artistic Impact"
description="Data-driven excellence with an artistic soul."
/>
</div>
@@ -282,63 +116,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-woman-talking-mobile-phone_74855-3504.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Marketing",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-showing-picture-shot-camera-her-boyfriend_23-2147840138.jpg",
},
{
id: "4",
name: "David Kim",
role: "Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mother-sun-taking-selfie_23-2148414901.jpg",
},
{
id: "5",
name: "Jessica Lee",
role: "Designer",
company: "CreativeStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/parents-son-taking-selfie_23-2148414900.jpg",
},
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-woman-talking-mobile-phone_74855-3504.jpg" },
]}
kpiItems={[
{
value: "5.0",
label: "Satisfaction",
},
{
value: "98%",
label: "Referrals",
},
{
value: "500+",
label: "Sessions",
},
{ value: "5.0", label: "Satisfaction" },
{ value: "98%", label: "Referrals" },
{ value: "500+", label: "Sessions" },
]}
title="Voices of Our Clients"
description="Stories from those who trusted us with their most important moments."
title="Client Stories"
description="Heartfelt moments captured with precision and grace."
/>
</div>
@@ -346,50 +133,31 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue Living",
"Photography Weekly",
"Creative Review",
"Design Studio",
"Modern Magazine",
"Lifestyle Times",
"Artful Daily",
]}
title="Trusted Partners & Features"
description="Proudly featured in leading lifestyle and professional journals."
names={["Heritage Living", "Indian Art Weekly", "Global Lens", "Desi Designs"]}
title="Featured In"
description="Honored by leading cultural and artistic publications."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Inquiry"
title="Start Your Session"
description="Ready to capture something special? Contact us for booking availability and inquiries."
title="Book Your Heritage Session"
description="Let's document your story with the vibrancy it deserves."
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-taking-photo_23-2148503571.jpg"
imageAlt="minimal studio background aesthetic"
mediaAnimation="slide-up"
inputPlaceholder="Email address"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Khan Pixel Photography"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Contact Us",
href: "#contact",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact Us", href: "#contact" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #6139e6;
--background-accent: #b3a8e8;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);