Update src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Work", id: "#portfolio" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Seadrop Studio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,35 +48,18 @@ export default function LandingPage() {
|
||||
description="Production and events that build presence. Visual storytelling designed to stand out in a crowded market."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Explore Our Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10061.jpg"
|
||||
imageAlt="Cinematic production studio"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-developing-photos_23-2149893948.jpg",
|
||||
alt: "High angle woman developing photos",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/different-machines-barbershop_23-2147736972.jpg",
|
||||
alt: "Different machines in barbershop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-hugging-against-door-with-blurred-tropical-leaves_1153-3826.jpg",
|
||||
alt: "Happy couple hugging against a door with blurred tropical leaves",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg",
|
||||
alt: "Man in cafe looking at camera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885646.jpg",
|
||||
alt: "Studio with props for photography",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-woman-developing-photos_23-2149893948.jpg", alt: "High angle woman developing photos" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/different-machines-barbershop_23-2147736972.jpg", alt: "Different machines in barbershop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-hugging-against-door-with-blurred-tropical-leaves_1153-3826.jpg", alt: "Happy couple hugging against a door with blurred tropical leaves" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg", alt: "Man in cafe looking at camera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885646.jpg", alt: "Studio with props for photography" },
|
||||
]}
|
||||
avatarText="Trusted by visionary brands worldwide"
|
||||
/>
|
||||
@@ -95,14 +67,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="A curiosity-driven approach to production."
|
||||
description="Seadrop Studio merges technical precision with cinematic storytelling, helping brands command attention where it matters most."
|
||||
subdescription="We specialize in event management, video, and photography that resonates with high-stakes environments."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-view-studio-photo-art-concept_23-2148565537.jpg"
|
||||
imageAlt="Our studio space"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -115,20 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Experiential Events",
|
||||
description: "Seamless execution for high-stakes corporate and lifestyle events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-bokeh-light-dark-background_23-2148056716.jpg",
|
||||
},
|
||||
title: "Experiential Events", description: "Seamless execution for high-stakes corporate and lifestyle events.", imageSrc: "http://img.b2bpic.net/free-photo/defocused-bokeh-light-dark-background_23-2148056716.jpg"},
|
||||
{
|
||||
title: "Cinematic Production",
|
||||
description: "High-fidelity video content that tells compelling stories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-documenting-war-conflict-zone-through-photography_23-2151671761.jpg",
|
||||
},
|
||||
title: "Cinematic Production", description: "High-fidelity video content that tells compelling stories.", imageSrc: "http://img.b2bpic.net/free-photo/person-documenting-war-conflict-zone-through-photography_23-2151671761.jpg"},
|
||||
{
|
||||
title: "Visual Narrative",
|
||||
description: "Photography and creative direction built for cohesive brand systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-white-suit-with-embroidery-sits-windowsill-before-bright-window_8353-8275.jpg",
|
||||
},
|
||||
title: "Visual Narrative", description: "Photography and creative direction built for cohesive brand systems.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-white-suit-with-embroidery-sits-windowsill-before-bright-window_8353-8275.jpg"},
|
||||
]}
|
||||
title="Services for the discerning."
|
||||
description="From experiential events to high-end visual systems."
|
||||
@@ -142,42 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Corporate Gala Event",
|
||||
price: "Production",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-watching-videos-highlighting-interactive-engagement-connected-digital-environment-african_482257-136349.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Product Launch",
|
||||
price: "Video",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-directing-new-movie-together_23-2149066330.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brand Lookbook",
|
||||
price: "Photography",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Experiential Pop-up",
|
||||
price: "Management",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-creative-visual-trendy-ideas-style-purpose_53876-16492.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Documentary Style Spot",
|
||||
price: "Video",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-posing_23-2148452704.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Creative Studio Portraiture",
|
||||
price: "Photography",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-movie-script-close-up_23-2149066350.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Corporate Gala Event", price: "Production", imageSrc: "http://img.b2bpic.net/free-photo/user-watching-videos-highlighting-interactive-engagement-connected-digital-environment-african_482257-136349.jpg" },
|
||||
{ id: "p2", name: "Luxury Product Launch", price: "Video", imageSrc: "http://img.b2bpic.net/free-photo/people-directing-new-movie-together_23-2149066330.jpg" },
|
||||
{ id: "p3", name: "Brand Lookbook", price: "Photography", imageSrc: "http://img.b2bpic.net/free-photo/cozy-dark-loft-attractive-student-is-sitting-table-while-studying_613910-13260.jpg" },
|
||||
{ id: "p4", name: "Experiential Pop-up", price: "Management", imageSrc: "http://img.b2bpic.net/free-photo/design-creative-visual-trendy-ideas-style-purpose_53876-16492.jpg" },
|
||||
{ id: "p5", name: "Documentary Style Spot", price: "Video", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-posing_23-2148452704.jpg" },
|
||||
{ id: "p6", name: "Creative Studio Portraiture", price: "Photography", imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-movie-script-close-up_23-2149066350.jpg" },
|
||||
]}
|
||||
title="Selected Work"
|
||||
description="A showcase of our recent production and experiential projects."
|
||||
@@ -190,24 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Events Produced",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Creative Hours",
|
||||
value: "12k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Luxury Clients",
|
||||
value: "50+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Events Produced", value: "150+" },
|
||||
{ id: "m2", icon: Zap, title: "Creative Hours", value: "12k+" },
|
||||
{ id: "m3", icon: Shield, title: "Luxury Clients", value: "50+" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven results for high-stakes productions."
|
||||
@@ -221,26 +137,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins, Marketing Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-eyeglasses-calendar_23-2148036889.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-81877.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-eyeglasses-calendar_23-2148036889.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-black-sweater-standing-posing_114579-81877.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -252,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your approach to event management?",
|
||||
content: "We prioritize storytelling and atmospheric cohesion, treating every event as a production rather than a logistical challenge.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide end-to-end creative direction?",
|
||||
content: "Yes, we handle everything from initial visual narrative concepts through to final execution.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle complex, multi-format projects?",
|
||||
content: "Our team thrives on complexity and is structured to handle multi-format production needs simultaneously.",
|
||||
},
|
||||
{ id: "q1", title: "What is your approach to event management?", content: "We prioritize storytelling and atmospheric cohesion, treating every event as a production rather than a logistical challenge." },
|
||||
{ id: "q2", title: "Do you provide end-to-end creative direction?", content: "Yes, we handle everything from initial visual narrative concepts through to final execution." },
|
||||
{ id: "q3", title: "Can you handle complex, multi-format projects?", content: "Our team thrives on complexity and is structured to handle multi-format production needs simultaneously." },
|
||||
]}
|
||||
title="Studio Insights"
|
||||
description="Common questions about our process."
|
||||
@@ -280,25 +169,10 @@ export default function LandingPage() {
|
||||
title="Start your next project"
|
||||
description="Let's build something people can't ignore. Reach out to discuss your requirements."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your brand goals",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your brand goals", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-abstract-shadows_23-2149054691.jpg"
|
||||
imageAlt="Cinematic background"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -311,43 +185,20 @@ export default function LandingPage() {
|
||||
logoText="Seadrop Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Work", href: "#portfolio" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user