Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "about",
|
||||
},
|
||||
name: "Expertise", id: "about"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NummerEinsMedia"
|
||||
/>
|
||||
@@ -56,59 +48,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Scaling Brands, Frame by Frame."
|
||||
description="At NummerEinsMedia, we handle the filming, production, and strategy, so you can focus on leading your business."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg",
|
||||
alt: "Creative video production studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg", alt: "Creative video production studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/media-creator-working-projects_482257-123585.jpg",
|
||||
alt: "Creative video production studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/media-creator-working-projects_482257-123585.jpg", alt: "Creative video production studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg",
|
||||
alt: "Radio host gesturing while recording podcast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg", alt: "Radio host gesturing while recording podcast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-chat-is-open_482257-555.jpg",
|
||||
alt: "Streamer man looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/streamer-man-looking-camera-smiling-while-streaming-chat-is-open_482257-555.jpg", alt: "Streamer man looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-freelancer-editing-background-video-his-home-office_482257-116610.jpg",
|
||||
alt: "African american freelancer editing a video",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-freelancer-editing-background-video-his-home-office_482257-116610.jpg", alt: "African american freelancer editing a video"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Application",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Application", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Video",
|
||||
},
|
||||
type: "text", text: "Strategic Video"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Growth",
|
||||
},
|
||||
type: "text", text: "Content Growth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Elevation",
|
||||
},
|
||||
type: "text", text: "Brand Elevation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Audience Reach",
|
||||
},
|
||||
type: "text", text: "Audience Reach"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Quality",
|
||||
},
|
||||
type: "text", text: "Cinematic Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,23 +89,15 @@ export default function LandingPage() {
|
||||
description="With two CEOs leading every project, we bring years of production expertise directly to your social media channels."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "100+", title: "Projects Completed"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
},
|
||||
value: "24/7", title: "Support Availability"},
|
||||
{
|
||||
value: "10M+",
|
||||
title: "Views Generated",
|
||||
},
|
||||
value: "10M+", title: "Views Generated"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Active Clients",
|
||||
},
|
||||
value: "50+", title: "Active Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-using-digital-tablet-laptop-coffee-shop_1170-2032.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-using-digital-tablet-laptop-coffee-shop_1170-2032.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Two young male founders"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -150,28 +111,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Application",
|
||||
description: "You submit your project details.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ListChecks,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-media-team-using-digital-tablet-with-social-media-icons-desk_23-2147847541.jpg",
|
||||
imageAlt: "video content workflow animation",
|
||||
title: "Application", description: "You submit your project details.", bentoComponent: "reveal-icon", icon: ListChecks,
|
||||
},
|
||||
{
|
||||
title: "Production",
|
||||
description: "We film, edit, and perfect your content.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Camera,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-company-financial-advisor-analyzing-statistical-graphs_482257-92945.jpg",
|
||||
imageAlt: "video content workflow animation",
|
||||
title: "Production", description: "We film, edit, and perfect your content.", bentoComponent: "reveal-icon", icon: Camera,
|
||||
},
|
||||
{
|
||||
title: "Call Booking",
|
||||
description: "Book a final call to launch.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-using-digital-tablet-laptop-coffee-shop_1170-2032.jpg?_wi=2",
|
||||
imageAlt: "video content workflow animation",
|
||||
title: "Call Booking", description: "Book a final call to launch.", bentoComponent: "reveal-icon", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Simple 3-Step Process."
|
||||
@@ -184,14 +130,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Brand A",
|
||||
"Brand B",
|
||||
"Brand C",
|
||||
"Brand D",
|
||||
"Brand E",
|
||||
"Brand F",
|
||||
"Brand G",
|
||||
]}
|
||||
"Brand A", "Brand B", "Brand C", "Brand D", "Brand E", "Brand F", "Brand G"]}
|
||||
title="Trusted by Leaders."
|
||||
description="Join our network of growing brands."
|
||||
/>
|
||||
@@ -204,38 +143,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Launch",
|
||||
price: "$1,999",
|
||||
subtitle: "Basic social setup",
|
||||
features: [
|
||||
"Filming",
|
||||
"Editing",
|
||||
"Weekly Strategy",
|
||||
],
|
||||
id: "p1", badge: "Launch", price: "$1,999", subtitle: "Basic social setup", features: [
|
||||
"Filming", "Editing", "Weekly Strategy"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Call",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Call", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$3,999",
|
||||
subtitle: "Full production",
|
||||
features: [
|
||||
"Filming",
|
||||
"Editing",
|
||||
"Daily Strategy",
|
||||
"Ads Management",
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "$3,999", subtitle: "Full production", features: [
|
||||
"Filming", "Editing", "Daily Strategy", "Ads Management"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Call",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Call", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -251,40 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client A",
|
||||
role: "Owner",
|
||||
testimonial: "Amazing work by the team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
|
||||
},
|
||||
id: "1", name: "Client A", role: "Owner", testimonial: "Amazing work by the team.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client B",
|
||||
role: "Founder",
|
||||
testimonial: "Professional and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
},
|
||||
id: "2", name: "Client B", role: "Founder", testimonial: "Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client C",
|
||||
role: "CEO",
|
||||
testimonial: "Very impressive quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
|
||||
},
|
||||
id: "3", name: "Client C", role: "CEO", testimonial: "Very impressive quality.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client D",
|
||||
role: "Manager",
|
||||
testimonial: "Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
},
|
||||
id: "4", name: "Client D", role: "Manager", testimonial: "Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client E",
|
||||
role: "CMO",
|
||||
testimonial: "Transformed our feed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
id: "5", name: "Client E", role: "CMO", testimonial: "Transformed our feed.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg"},
|
||||
]}
|
||||
title="Client Success."
|
||||
description="What our partners say about us."
|
||||
@@ -297,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we start?",
|
||||
content: "Just fill out the contact form.",
|
||||
},
|
||||
id: "1", title: "How do we start?", content: "Just fill out the contact form."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Who does the filming?",
|
||||
content: "We handle all production.",
|
||||
},
|
||||
id: "2", title: "Who does the filming?", content: "We handle all production."},
|
||||
{
|
||||
id: "3",
|
||||
title: "When can I book?",
|
||||
content: "After the application is reviewed.",
|
||||
},
|
||||
id: "3", title: "When can I book?", content: "After the application is reviewed."},
|
||||
]}
|
||||
title="Common Questions."
|
||||
description="Clear answers for our clients."
|
||||
@@ -325,15 +211,9 @@ export default function LandingPage() {
|
||||
description="Tell us about your brand."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-stuff-potted-flowers-table_23-2148225480.jpg"
|
||||
/>
|
||||
@@ -344,16 +224,11 @@ export default function LandingPage() {
|
||||
logoText="NummerEinsMedia"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user