Merge version_1 into main #2
346
src/app/page.tsx
346
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RawFrame Studio"
|
||||
/>
|
||||
@@ -65,40 +47,19 @@ export default function LandingPage() {
|
||||
title="Capture Every Moment with Perfection"
|
||||
description="Professional Photography Services for Every Occasion"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg"
|
||||
imageAlt="Professional studio setup"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033397.jpg",
|
||||
alt: "Photographer equipment setup",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885660.jpg",
|
||||
alt: "Studio lighting gear",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033391.jpg",
|
||||
alt: "Professional camera kit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885636.jpg",
|
||||
alt: "Studio backdrop props",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110071.jpg",
|
||||
alt: "Photographer at work",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033397.jpg", alt: "Photographer equipment setup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885660.jpg", alt: "Studio lighting gear" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033391.jpg", alt: "Professional camera kit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/artist-props-photography-studio_23-2148885636.jpg", alt: "Studio backdrop props" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110071.jpg", alt: "Photographer at work" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ clients"
|
||||
/>
|
||||
@@ -109,21 +70,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="RawFrame Studio: Art Through Lens"
|
||||
metrics={[
|
||||
{
|
||||
icon: Camera,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Projects Completed",
|
||||
value: "1000+",
|
||||
},
|
||||
{ icon: Camera, label: "Years Experience", value: "10+" },
|
||||
{ icon: Award, label: "Happy Clients", value: "500+" },
|
||||
{ icon: Zap, label: "Projects Completed", value: "1000+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -135,54 +84,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Camera,
|
||||
title: "Portrait Photography",
|
||||
description: "High-end portraiture capturing character and personality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-photographer-long-shot_23-2148565472.jpg",
|
||||
imageAlt: "photographer at work studio",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
title: "Wedding Photography",
|
||||
description: "Documenting your love stories with timeless cinematic elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg?_wi=2",
|
||||
imageAlt: "photographer at work studio",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CalendarDays,
|
||||
title: "Event Photography",
|
||||
description: "Professional coverage for corporate and social events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=1",
|
||||
imageAlt: "photographer at work studio",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Briefcase,
|
||||
title: "Commercial Photography",
|
||||
description: "Elevating your brand presence with stunning product visuals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg?_wi=1",
|
||||
imageAlt: "photographer at work studio",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
title: "Digital Storytelling",
|
||||
description: "Visual narratives that leave a lasting impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ginger-woman-t-shirt-with-closed-eyes_171337-10678.jpg?_wi=1",
|
||||
imageAlt: "photographer at work studio",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Share2,
|
||||
title: "Social Media Management",
|
||||
description: "Curated photography content for your brand's growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg?_wi=1",
|
||||
imageAlt: "photographer at work studio",
|
||||
},
|
||||
{ bentoComponent: "reveal-icon", icon: Camera, title: "Portrait Photography", description: "High-end portraiture capturing character and personality." },
|
||||
{ bentoComponent: "reveal-icon", icon: Heart, title: "Wedding Photography", description: "Documenting your love stories with timeless cinematic elegance." },
|
||||
{ bentoComponent: "reveal-icon", icon: CalendarDays, title: "Event Photography", description: "Professional coverage for corporate and social events." },
|
||||
{ bentoComponent: "reveal-icon", icon: Briefcase, title: "Commercial Photography", description: "Elevating your brand presence with stunning product visuals." },
|
||||
{ bentoComponent: "reveal-icon", icon: BookOpen, title: "Digital Storytelling", description: "Visual narratives that leave a lasting impact." },
|
||||
{ bentoComponent: "reveal-icon", icon: Share2, title: "Social Media Management", description: "Curated photography content for your brand's growth." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive photography solutions tailored to your unique requirements."
|
||||
@@ -196,42 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wedding Session",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033291.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Portraits",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110067.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Corporate Event",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Commercial Product",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Candid Moments",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Event Highlight",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885655.jpg",
|
||||
},
|
||||
{ id: "1", name: "Wedding Session", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-professional-photographer-equipment_23-2149033291.jpg" },
|
||||
{ id: "2", name: "Portraits", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110067.jpg" },
|
||||
{ id: "3", name: "Corporate Event", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg" },
|
||||
{ id: "4", name: "Commercial Product", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-photographer_52683-110073.jpg" },
|
||||
{ id: "5", name: "Candid Moments", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/photographer-wearing-medical-mask_23-2148503474.jpg" },
|
||||
{ id: "6", name: "Event Highlight", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885655.jpg" },
|
||||
]}
|
||||
title="Our Portfolio"
|
||||
description="Explore our curated collection of photography work."
|
||||
@@ -244,60 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$299",
|
||||
subtitle: "Ideal for headshots and small sessions",
|
||||
features: [
|
||||
"1 Hour Session",
|
||||
"15 Edited Photos",
|
||||
"Online Gallery",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Popular",
|
||||
price: "$599",
|
||||
subtitle: "Perfect for events and medium sessions",
|
||||
features: [
|
||||
"3 Hour Session",
|
||||
"50 Edited Photos",
|
||||
"Online Gallery",
|
||||
"High-res Downloads",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$999",
|
||||
subtitle: "Complete studio and commercial coverage",
|
||||
features: [
|
||||
"Full Day Session",
|
||||
"All Edited Photos",
|
||||
"Online Gallery",
|
||||
"Priority Support",
|
||||
"Physical Prints",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Starter", price: "$299", subtitle: "Ideal for headshots and small sessions", features: ["1 Hour Session", "15 Edited Photos", "Online Gallery"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "standard", badge: "Popular", price: "$599", subtitle: "Perfect for events and medium sessions", features: ["3 Hour Session", "50 Edited Photos", "Online Gallery", "High-res Downloads"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "premium", badge: "Elite", price: "$999", subtitle: "Complete studio and commercial coverage", features: ["Full Day Session", "All Edited Photos", "Online Gallery", "Priority Support", "Physical Prints"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
]}
|
||||
title="Investment Packages"
|
||||
description="Simple, transparent pricing for your photography needs."
|
||||
@@ -310,46 +136,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The most incredible wedding photographer! Captured every emotion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Exceptional corporate portraits. Very professional and creative.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "RawFrame captured our family event perfectly. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-ginger-woman-t-shirt-with-closed-eyes_171337-10678.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Stunning commercial work. The eye for detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lila P.",
|
||||
handle: "@lilap",
|
||||
testimonial: "Made my photoshoot feel completely effortless and fun.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The most incredible wedding photographer! Captured every emotion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "Exceptional corporate portraits. Very professional and creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-male-biting-his-lip-flirting-with-someone-while-standing-black-wall_181624-42028.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "RawFrame captured our family event perfectly. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-ginger-woman-t-shirt-with-closed-eyes_171337-10678.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Stunning commercial work. The eye for detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg" },
|
||||
{ id: "5", name: "Lila P.", handle: "@lilap", testimonial: "Made my photoshoot feel completely effortless and fun.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Voices"
|
||||
@@ -360,19 +151,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to capture your story? Contact us at info.rawframestudioo@gmail.com or call +91 7717474849."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info.rawframestudioo@gmail.com",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/917717474849",
|
||||
},
|
||||
{ text: "Email Us", href: "mailto:info.rawframestudioo@gmail.com" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/917717474849" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -382,50 +165,23 @@ export default function LandingPage() {
|
||||
logoText="RawFrame Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/rawframestudioo",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com/rawframestudioo" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info.rawframestudioo@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+917717474849",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Email", href: "mailto:info.rawframestudioo@gmail.com" },
|
||||
{ label: "Call Us", href: "tel:+917717474849" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user