Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1fee628448 | |||
| b1b2d16e94 | |||
| 7337b80633 |
318
src/app/page.tsx
318
src/app/page.tsx
@@ -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 life’s 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #FF7B05;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user