|
|
|
|
@@ -8,7 +8,7 @@ import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
|
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
|
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
|
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
|
|
|
import { Award, Sparkles, MessageCircle } from "lucide-react";
|
|
|
|
|
import { Award, Sparkles, MessageCircle, Camera } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -40,36 +40,36 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardTestimonial
|
|
|
|
|
title="Creative Work That Tells Stories"
|
|
|
|
|
description="Crafting digital experiences that inspire and engage. Explore my portfolio of design and development projects."
|
|
|
|
|
tag="Creative Designer"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
title="Photos and Videos That Tell Your Story"
|
|
|
|
|
description="Professional photography and videography for moments that matter. From product shoots to brand narratives, capturing excellence in every frame."
|
|
|
|
|
tag="Visual Storytelling"
|
|
|
|
|
tagIcon={Camera}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "glowing-orb" }}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
name: "Alex Thompson", handle: "CEO, Design Studio", testimonial: "Outstanding work and attention to detail", rating: 5,
|
|
|
|
|
name: "Emma Johnson", handle: "Marketing Director, Fashion Brand", testimonial: "Stunning visual content that elevated our brand presence", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg", imageAlt: "happy client professional portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Sarah Mitchell", handle: "Creative Director, Brand Co", testimonial: "Exceeded all expectations on the project", rating: 5,
|
|
|
|
|
name: "David Chen", handle: "Creative Lead, Tech Startup", testimonial: "Professional videography that captured our company culture perfectly", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg", imageAlt: "creative director professional portrait"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "View My Work", href: "portfolio" },
|
|
|
|
|
{ text: "Let's Collaborate", href: "contact" }
|
|
|
|
|
{ text: "Explore Gallery", href: "portfolio" },
|
|
|
|
|
{ text: "Book a Session", href: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171119.jpg"
|
|
|
|
|
videoSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150171119.jpg"
|
|
|
|
|
imageAlt="Portfolio showcase"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
|
|
|
<ProductCardTwo
|
|
|
|
|
title="Featured Projects"
|
|
|
|
|
description="A curated selection of recent design and development work"
|
|
|
|
|
title="Featured Work"
|
|
|
|
|
description="A showcase of recent photography and videography projects"
|
|
|
|
|
tag="Portfolio"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -78,16 +78,16 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", brand: "Tech Startup", name: "Mobile App Design", price: "2024", rating: 5,
|
|
|
|
|
reviewCount: "15 Projects", imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-assistant-his-tablet_23-2149107957.jpg", imageAlt: "mobile app interface design mockup"
|
|
|
|
|
id: "1", brand: "Product Photography", name: "E-Commerce Catalog", price: "2024", rating: 5,
|
|
|
|
|
reviewCount: "24 Sessions", imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-assistant-his-tablet_23-2149107957.jpg", imageAlt: "product photography showcase"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", brand: "E-Commerce", name: "Website Redesign", price: "2024", rating: 5,
|
|
|
|
|
reviewCount: "12 Projects", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg", imageAlt: "e-commerce website design mockup"
|
|
|
|
|
id: "2", brand: "Event Coverage", name: "Corporate Events & Conferences", price: "2024", rating: 5,
|
|
|
|
|
reviewCount: "18 Events", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg", imageAlt: "event photography coverage"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", brand: "Brand Identity", name: "Visual System", price: "2023", rating: 5,
|
|
|
|
|
reviewCount: "8 Projects", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-modern-business-card-template_23-2150394556.jpg", imageAlt: "brand identity design system colors"
|
|
|
|
|
id: "3", brand: "Video Production", name: "Brand Stories & Documentaries", price: "2023", rating: 5,
|
|
|
|
|
reviewCount: "12 Projects", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-modern-business-card-template_23-2150394556.jpg", imageAlt: "video production showcase"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -95,43 +95,43 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextSplitAbout
|
|
|
|
|
title="About Me"
|
|
|
|
|
title="About Our Studio"
|
|
|
|
|
description={[
|
|
|
|
|
"I'm a passionate designer and developer with 8+ years of experience creating beautiful, functional digital experiences. My work spans web design, mobile apps, and brand identity.", "I believe in the power of thoughtful design to solve real problems. Every project is an opportunity to create something meaningful and lasting."
|
|
|
|
|
"We are a team of passionate photographers and videographers with 10+ years of experience capturing moments that inspire. Our work spans commercial photography, event coverage, brand documentaries, and creative video production.", "We believe every shot tells a story. We combine technical expertise with creative vision to deliver visual content that resonates with your audience and enhances your brand presence."
|
|
|
|
|
]}
|
|
|
|
|
showBorder={true}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Download Resume", href: "https://example.com/resume" }
|
|
|
|
|
{ text: "View Services", href: "https://example.com/services" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
title="What Clients Say"
|
|
|
|
|
description="Testimonials from happy clients and collaborators"
|
|
|
|
|
title="Client Stories"
|
|
|
|
|
description="Testimonials from brands and organizations we've worked with"
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Alex Thompson, CEO of Design Studio", date: "Date: 15 January 2025", title: "Exceptional Design Partner", quote: "Working with this designer transformed our product. The attention to detail and user-centric approach resulted in a 40% increase in user engagement.", tag: "Web Design", avatarSrc: "http://img.b2bpic.net/free-vector/community-social-media-people_24877-50698.jpg", avatarAlt: "professional man avatar portrait", imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459710.jpg", imageAlt: "design studio office collaborative"
|
|
|
|
|
id: "1", name: "Sarah Anderson, CEO of Luxe Brands", date: "Date: 15 January 2025", title: "Exceptional Visual Storytelling", quote: "The photography transformed our product line. The attention to detail and creative vision resulted in a 60% increase in online engagement and sales.", tag: "Product Photography", avatarSrc: "http://img.b2bpic.net/free-vector/community-social-media-people_24877-50698.jpg", avatarAlt: "professional woman avatar portrait", imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459710.jpg", imageAlt: "studio photography setup"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Sarah Mitchell, Creative Director at Brand Co", date: "Date: 10 January 2025", title: "Outstanding Creative Vision", quote: "Their creative vision and technical expertise made the entire branding process smooth and enjoyable. The final result exceeded our expectations.", tag: "Brand Identity", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", avatarAlt: "professional woman avatar portrait", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-colleagues-applauding_23-2149411518.jpg", imageAlt: "brand design process creative"
|
|
|
|
|
id: "2", name: "Michael Roberts, Event Director at Premier Events", date: "Date: 10 January 2025", title: "Professional and Creative Excellence", quote: "Their videography captured the essence of our corporate conference. The final deliverables exceeded our expectations and impressed all attendees.", tag: "Event Videography", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", avatarAlt: "professional man avatar portrait", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-colleagues-applauding_23-2149411518.jpg", imageAlt: "event coverage documentation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "James Chen, Product Manager at Tech Innovate", date: "Date: 5 January 2025", title: "Game-Changing Developer", quote: "The mobile app developed was delivered on time and within budget. The code quality and user experience are impressive.", tag: "App Development", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", avatarAlt: "asian professional man portrait avatar", imageSrc: "http://img.b2bpic.net/free-photo/empty-it-department-office-used-building-machine-learning-software_482257-124290.jpg", imageAlt: "app development coding workspace"
|
|
|
|
|
id: "3", name: "Jessica Lee, Marketing Manager at InnovateTech", date: "Date: 5 January 2025", title: "Transformed Our Brand Presence", quote: "The brand documentary video was exceptional. The creative storytelling and production quality elevated our company image significantly.", tag: "Brand Video", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", avatarAlt: "asian professional woman avatar", imageSrc: "http://img.b2bpic.net/free-photo/empty-it-department-office-used-building-machine-learning-software_482257-124290.jpg", imageAlt: "video production workspace"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Emily Rodriguez, Founder of StartupXYZ", date: "Date: 28 December 2024", title: "True Professional", quote: "A true professional who understands both design and business goals. Highly recommended for any project requiring creative excellence.", tag: "Consulting", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg", avatarAlt: "startup founder woman portrait avatar", imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085937.jpg", imageAlt: "startup office collaborative work"
|
|
|
|
|
id: "4", name: "Rachel Martinez, Founder of Artisan Collective", date: "Date: 28 December 2024", title: "True Creative Partners", quote: "They understood our vision perfectly and brought it to life. The portfolio images have become our brand signature across all marketing channels.", tag: "Portfolio Work", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg", avatarAlt: "founder woman portrait avatar", imageSrc: "http://img.b2bpic.net/free-photo/people-using-digital-device-while-meeting_23-2149085937.jpg", imageAlt: "brand collaboration workspace"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Michael Park, CTO at CloudTech Solutions", date: "Date: 20 December 2024", title: "Reliable and Skilled", quote: "Reliable, skilled, and always available when needed. The best collaborator I've worked with on digital projects.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", avatarAlt: "tech company executive portrait avatar", imageSrc: "http://img.b2bpic.net/free-vector/datacenter-horizontal-banner-set_1284-20144.jpg", imageAlt: "cloud technology server room"
|
|
|
|
|
id: "5", name: "Thomas Wright, Director at Creative Studios", date: "Date: 20 December 2024", title: "Outstanding Quality and Professionalism", quote: "Reliable, talented, and always delivering beyond expectations. The production quality and attention to detail are unmatched in the industry.", tag: "Production", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", avatarAlt: "studio director avatar", imageSrc: "http://img.b2bpic.net/free-vector/datacenter-horizontal-banner-set_1284-20144.jpg", imageAlt: "professional studio setup"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "Lisa Wang, Marketing Lead at Global Brand", date: "Date: 15 December 2024", title: "Creative Excellence", quote: "Creative excellence combined with strategic thinking. This is the kind of partner every brand needs for growth.", tag: "Marketing Design", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", avatarAlt: "marketing professional woman portrait", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg", imageAlt: "global brand office workspace"
|
|
|
|
|
id: "6", name: "Victoria Chen, Brand Strategist at Global Brands", date: "Date: 15 December 2024", title: "Visual Excellence Combined with Strategy", quote: "Creative excellence paired with strategic thinking. They delivered visual content that not only looks stunning but performs exceptionally well.", tag: "Brand Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", avatarAlt: "brand strategist woman portrait", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg", imageAlt: "brand office workspace"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -139,24 +139,24 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Let's Create Something Amazing"
|
|
|
|
|
ctaDescription="Have a project in mind? I'd love to discuss your ideas and see how we can collaborate."
|
|
|
|
|
ctaButton={{ text: "Start a Conversation", href: "mailto:hello@portfolio.com" }}
|
|
|
|
|
ctaTitle="Let's Create Beautiful Content Together"
|
|
|
|
|
ctaDescription="Ready to bring your vision to life? Contact us to discuss your photography or videography project."
|
|
|
|
|
ctaButton={{ text: "Book a Consultation", href: "mailto:hello@studio.com" }}
|
|
|
|
|
ctaIcon={MessageCircle}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "What's your design process?", content: "I follow a collaborative approach: discovery, strategy, design, refinement, and delivery. Each phase involves client feedback to ensure the final result aligns with your vision."
|
|
|
|
|
id: "1", title: "What services do you offer?", content: "We specialize in product photography, event coverage, corporate videography, brand documentaries, and creative commercial shoots. Each project is customized to meet your specific needs."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "What's your typical project timeline?", content: "Most projects take 4-8 weeks depending on scope and complexity. I provide detailed timelines during the initial consultation."
|
|
|
|
|
id: "2", title: "What's your typical turnaround time?", content: "For photography, we typically deliver edited images within 2-3 weeks. Video projects take 3-6 weeks depending on complexity and post-production requirements. Timelines are discussed during initial consultation."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Do you offer ongoing support?", content: "Yes, I offer maintenance and support packages after project delivery to ensure everything runs smoothly."
|
|
|
|
|
id: "3", title: "Do you provide post-production editing?", content: "Yes, all our packages include professional editing, color correction, and post-production work. We ensure every image and video meets our high quality standards."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "What industries do you specialize in?", content: "I've worked with startups, tech companies, e-commerce, agencies, and brands across various industries. Each brings unique challenges and opportunities."
|
|
|
|
|
id: "4", title: "Do you offer licensing and usage rights?", content: "Absolutely. All projects include full licensing and usage rights for your brand and marketing channels. We discuss specific usage terms during the project planning phase."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -164,26 +164,26 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBase
|
|
|
|
|
logoText="Portfolio"
|
|
|
|
|
copyrightText="© 2025 | Creative Portfolio"
|
|
|
|
|
logoText="Studio"
|
|
|
|
|
copyrightText="© 2025 | Photography & Videography Studio"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Navigation", items: [
|
|
|
|
|
{ label: "Work", href: "#portfolio" },
|
|
|
|
|
{ label: "About", href: "#about" },
|
|
|
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
|
|
|
title: "Services", items: [
|
|
|
|
|
{ label: "Photography", href: "#portfolio" },
|
|
|
|
|
{ label: "Videography", href: "#portfolio" },
|
|
|
|
|
{ label: "About", href: "#about" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Social", items: [
|
|
|
|
|
title: "Connect", items: [
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
|
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
|
|
|
{ label: "Dribbble", href: "https://dribbble.com" }
|
|
|
|
|
{ label: "Email", href: "mailto:hello@studio.com" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Contact", items: [
|
|
|
|
|
{ label: "Email", href: "mailto:hello@portfolio.com" },
|
|
|
|
|
title: "Info", items: [
|
|
|
|
|
{ label: "Pricing", href: "#portfolio" },
|
|
|
|
|
{ label: "Privacy Policy", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
|
