Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
311
src/app/page.tsx
311
src/app/page.tsx
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Gallery", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kids Pictures"
|
||||
/>
|
||||
@@ -50,61 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Capturing Timeless Moments"
|
||||
description="Luxurious, boutique photography services tailored to capture the joy and innocence of childhood. We create art that lasts a lifetime."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-child-with-red-blazer_343059-1131.jpg",
|
||||
alt: "Luxury Portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-teenage-boy-with-crossed-arms-chest_613910-14.jpg",
|
||||
alt: "Studio portrait of a teenage boy with crossed arms on a chest.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-boy-wearing-suit-glasses_23-2149448677.jpg",
|
||||
alt: "Portrait of cute boy wearing suit and glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-portrait-handsome-dark-skinned-boy-velvet-jacket-posing-yellow-wall-keeping-one-eyed-closed_343059-4042.jpg",
|
||||
alt: "Isolated portrait of handsome dark skinned boy in velvet jacket posing on yellow wall keeping one eyed closed.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-little-girl-dressed-sportswear-standing-with-crossed-arms-isolated-dark-textured-background_613910-19553.jpg",
|
||||
alt: "Smiling little girl dressed in sportswear standing with crossed arms.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-child-with-red-blazer_343059-1131.jpg", alt: "Luxury Portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-teenage-boy-with-crossed-arms-chest_613910-14.jpg", alt: "Studio portrait of a teenage boy with crossed arms on a chest." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cute-boy-wearing-suit-glasses_23-2149448677.jpg", alt: "Portrait of cute boy wearing suit and glasses" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/isolated-portrait-handsome-dark-skinned-boy-velvet-jacket-posing-yellow-wall-keeping-one-eyed-closed_343059-4042.jpg", alt: "Isolated portrait of handsome dark skinned boy in velvet jacket posing on yellow wall keeping one eyed closed." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-little-girl-dressed-sportswear-standing-with-crossed-arms-isolated-dark-textured-background_613910-19553.jpg", alt: "Smiling little girl dressed in sportswear standing with crossed arms." }
|
||||
]}
|
||||
buttons={[{ text: "Book Session", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Boutique Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Art",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Keepsakes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Focused",
|
||||
},
|
||||
{ type: "text", text: "Boutique Experience" },
|
||||
{ type: "text", text: "Timeless Art" },
|
||||
{ type: "text", text: "Handcrafted Keepsakes" },
|
||||
{ type: "text", text: "Professional Quality" },
|
||||
{ type: "text", text: "Family Focused" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,31 +69,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Childhood"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "12+",
|
||||
},
|
||||
{
|
||||
icon: Camera,
|
||||
label: "Sessions Completed",
|
||||
value: "2,500+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Families",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Portraits Crafted",
|
||||
value: "5,000+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Smiles Captured",
|
||||
value: "10k+",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "12+" },
|
||||
{ icon: Camera, label: "Sessions Completed", value: "2,500+" },
|
||||
{ icon: Star, label: "Happy Families", value: "100%" },
|
||||
{ icon: Heart, label: "Portraits Crafted", value: "5,000+" },
|
||||
{ icon: Smile, label: "Smiles Captured", value: "10k+" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -150,31 +85,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Camera,
|
||||
title: "Boutique Studio",
|
||||
description: "High-end controlled lighting studio in the heart of the city.",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "On-Location",
|
||||
description: "Natural light outdoor sessions at your favorite beautiful spots.",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Print Keepsakes",
|
||||
description: "Bespoke albums, canvases, and framed prints from premium artisans.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Style Consultation",
|
||||
description: "Curated wardrobe advice and styling for a perfectly cohesive session.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Editorial Retouching",
|
||||
description: "Meticulous artistic editing to preserve memories with timeless elegance.",
|
||||
},
|
||||
{ icon: Camera, title: "Boutique Studio", description: "High-end controlled lighting studio in the heart of the city." },
|
||||
{ icon: MapPin, title: "On-Location", description: "Natural light outdoor sessions at your favorite beautiful spots." },
|
||||
{ icon: Gift, title: "Print Keepsakes", description: "Bespoke albums, canvases, and framed prints from premium artisans." },
|
||||
{ icon: Sparkles, title: "Style Consultation", description: "Curated wardrobe advice and styling for a perfectly cohesive session." },
|
||||
{ icon: Palette, title: "Editorial Retouching", description: "Meticulous artistic editing to preserve memories with timeless elegance." }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a curated photography experience designed to make your child feel special and comfortable."
|
||||
@@ -188,60 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Boutique",
|
||||
name: "Fine Art Print",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-poster-frame-modern-interior-background-living-room-scandinavian-style-generative-ai-illustration_1258-151606.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Digital",
|
||||
name: "Full Session Suite",
|
||||
price: "$600",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scrapbook-with-photos_23-2149600163.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Keepsake",
|
||||
name: "Premium Canvas",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-essential-items-wedding-planner_23-2150165085.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Luxury",
|
||||
name: "Art Print Set",
|
||||
price: "$300",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-collage-portrait_23-2150108933.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Signature",
|
||||
name: "Framed Masterpiece",
|
||||
price: "$800",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-sitting-studio-with-presents-box_1157-33129.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Heirloom",
|
||||
name: "Leather Album",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-birds-wallet_53876-94947.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Boutique", name: "Fine Art Print", price: "$150", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-poster-frame-modern-interior-background-living-room-scandinavian-style-generative-ai-illustration_1258-151606.jpg" },
|
||||
{ id: "2", brand: "Digital", name: "Full Session Suite", price: "$600", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scrapbook-with-photos_23-2149600163.jpg" },
|
||||
{ id: "3", brand: "Keepsake", name: "Premium Canvas", price: "$450", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/view-essential-items-wedding-planner_23-2150165085.jpg" },
|
||||
{ id: "4", brand: "Luxury", name: "Art Print Set", price: "$300", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/creative-collage-portrait_23-2150108933.jpg" },
|
||||
{ id: "5", brand: "Signature", name: "Framed Masterpiece", price: "$800", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-sitting-studio-with-presents-box_1157-33129.jpg" },
|
||||
{ id: "6", brand: "Heirloom", name: "Leather Album", price: "$1,200", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/business-card-with-birds-wallet_53876-94947.jpg" }
|
||||
]}
|
||||
title="Collections & Pricing"
|
||||
description="Choose from our premium selection of photography packages and art pieces."
|
||||
@@ -253,56 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Amazing Experience",
|
||||
quote: "The most professional and kind photographer. Our kids loved it!",
|
||||
tag: "Mom",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stock-photo-headshot-lovely-caucasian-family-mother-father-their-son-smiling-happily-camera-park-summer-day_132075-10500.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-interracial-couple-taking-photos-camera-street_1262-20334.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
date: "Dec 2024",
|
||||
title: "Lifetime Memories",
|
||||
quote: "Fantastic work. These photos will stay on our wall forever.",
|
||||
tag: "Dad",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-mother-with-her-small-child-practicing-breast-feeding_1303-20308.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-multiethnic-family-with-boy-kid-spend-time-restaurant-relationships-african-man-white-european-woman_627829-12141.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Nov 2024",
|
||||
title: "Boutique Quality",
|
||||
quote: "Such a high-end experience, every detail was perfect.",
|
||||
tag: "Mom",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/little-girl-laughing-with-her-father_23-2147615921.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-playing-with-kid_23-2149001345.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2024",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional, fun, and extremely talented. Best kids portraits ever.",
|
||||
tag: "Dad",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-little-kids-with-bouquet-tulip_1157-32766.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506118.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Lopez",
|
||||
date: "Sep 2024",
|
||||
title: "Pure Magic",
|
||||
quote: "They captured my daughter's personality perfectly. Truly magic.",
|
||||
tag: "Mom",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cute-family-home_1157-17010.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-military-shirt-jeans-posing-studio-against-gray-background-studio-model-portrait_627829-7789.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "Jan 2025", title: "Amazing Experience", quote: "The most professional and kind photographer. Our kids loved it!", tag: "Mom", avatarSrc: "http://img.b2bpic.net/free-photo/stock-photo-headshot-lovely-caucasian-family-mother-father-their-son-smiling-happily-camera-park-summer-day_132075-10500.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-interracial-couple-taking-photos-camera-street_1262-20334.jpg" },
|
||||
{ id: "2", name: "James Chen", date: "Dec 2024", title: "Lifetime Memories", quote: "Fantastic work. These photos will stay on our wall forever.", tag: "Dad", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-mother-with-her-small-child-practicing-breast-feeding_1303-20308.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-multiethnic-family-with-boy-kid-spend-time-restaurant-relationships-african-man-white-european-woman_627829-12141.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", date: "Nov 2024", title: "Boutique Quality", quote: "Such a high-end experience, every detail was perfect.", tag: "Mom", avatarSrc: "http://img.b2bpic.net/free-photo/little-girl-laughing-with-her-father_23-2147615921.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-playing-with-kid_23-2149001345.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "Oct 2024", title: "Highly Recommend", quote: "Professional, fun, and extremely talented. Best kids portraits ever.", tag: "Dad", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-little-kids-with-bouquet-tulip_1157-32766.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506118.jpg" },
|
||||
{ id: "5", name: "Maria Lopez", date: "Sep 2024", title: "Pure Magic", quote: "They captured my daughter's personality perfectly. Truly magic.", tag: "Mom", avatarSrc: "http://img.b2bpic.net/free-photo/cute-family-home_1157-17010.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-brunette-girl-wear-military-shirt-jeans-posing-studio-against-gray-background-studio-model-portrait_627829-7789.jpg" }
|
||||
]}
|
||||
title="Loved By Families"
|
||||
description="Hear what parents say about their experience with Kids Pictures."
|
||||
@@ -312,16 +134,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to book your luxury session? Reach out today to schedule your consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@kidspictures.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@kidspictures.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -329,36 +144,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Kids Pictures"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Gallery", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user