Update src/app/page.tsx
This commit is contained in:
316
src/app/page.tsx
316
src/app/page.tsx
@@ -32,130 +32,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="Sebtix Media"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scaling brands through creative media."
|
||||
description="Sebtix Media Agency delivers premium data-driven strategies and cinematic content for high-growth businesses. Elevate your brand impact today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "Sebtix transformed our media presence completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-working-office-night-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-19163.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "Exceptional creative quality and data insight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-womens-day-beautiful-young-woman-with-tulip-her-hand_169016-67166.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@mross",
|
||||
testimonial: "The best media agency we've ever partnered with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Unparalleled speed and creative execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "They truly understand high-growth dynamics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg?_wi=1",
|
||||
},
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "Sebtix transformed our media presence completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-working-office-night-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-19163.jpg" },
|
||||
{ name: "Sarah Chen", handle: "@schen", testimonial: "Exceptional creative quality and data insight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/international-womens-day-beautiful-young-woman-with-tulip-her-hand_169016-67166.jpg" },
|
||||
{ name: "Mike Ross", handle: "@mross", testimonial: "The best media agency we've ever partnered with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ambitious-smiling-corporate-woman-suit-showing-thumbs-up-recommending-something-good-standing-white-background_176420-50395.jpg" },
|
||||
{ name: "David Kim", handle: "@dkim", testimonial: "Unparalleled speed and creative execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
|
||||
{ name: "Emily Rodriguez", handle: "@erod", testimonial: "They truly understand high-growth dynamics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Our Work", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-lines-abstract-wallpaper_1017-3766.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-using-tablet-celebrating-achievement-cafe_1262-18859.jpg",
|
||||
alt: "Happy man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-working-his-laptop-restaurant_23-2149316780.jpg",
|
||||
alt: "Senior man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg",
|
||||
alt: "Man using glass wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg",
|
||||
alt: "Businessman at desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7975.jpg",
|
||||
alt: "Businesswoman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-using-tablet-celebrating-achievement-cafe_1262-18859.jpg", alt: "Happy man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-working-his-laptop-restaurant_23-2149316780.jpg", alt: "Senior man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg", alt: "Man using glass wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg", alt: "Businessman at desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7975.jpg", alt: "Businesswoman" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High ROI",
|
||||
},
|
||||
{ type: "text", text: "Growth Focused" },
|
||||
{ type: "text", text: "Data Driven" },
|
||||
{ type: "text", text: "Creative Excellence" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "High ROI" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,21 +83,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Proven Performance"
|
||||
metrics={[
|
||||
{
|
||||
label: "Growth Rate",
|
||||
value: "240%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
label: "Projects Completed",
|
||||
value: "450+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
label: "Global Reach",
|
||||
value: "15+",
|
||||
icon: Globe,
|
||||
},
|
||||
{ label: "Growth Rate", value: "240%", icon: TrendingUp },
|
||||
{ label: "Projects Completed", value: "450+", icon: CheckCircle },
|
||||
{ label: "Global Reach", value: "15+", icon: Globe },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -191,21 +97,9 @@ export default function LandingPage() {
|
||||
title="Our Expert Services"
|
||||
description="We specialize in high-end creative solutions built for results."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Creative Production",
|
||||
content: "Cinematic video, motion graphics, and high-quality photography.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Strategic Marketing",
|
||||
content: "Data-backed campaigns aimed at high engagement.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Brand Design",
|
||||
content: "Comprehensive visual identity and branding services.",
|
||||
},
|
||||
{ id: "1", title: "Creative Production", content: "Cinematic video, motion graphics, and high-quality photography." },
|
||||
{ id: "2", title: "Strategic Marketing", content: "Data-backed campaigns aimed at high engagement." },
|
||||
{ id: "3", title: "Brand Design", content: "Comprehensive visual identity and branding services." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -214,36 +108,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "95%",
|
||||
title: "Customer Retention",
|
||||
items: [
|
||||
"Consistent delivery",
|
||||
"Client satisfaction",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "4x",
|
||||
title: "ROI Increase",
|
||||
items: [
|
||||
"Efficient budget",
|
||||
"Strategic spend",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "12ms",
|
||||
title: "Campaign Speed",
|
||||
items: [
|
||||
"Rapid execution",
|
||||
"Fast turnaround",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "95%", title: "Customer Retention", items: ["Consistent delivery", "Client satisfaction"] },
|
||||
{ id: "2", value: "4x", title: "ROI Increase", items: ["Efficient budget", "Strategic spend"] },
|
||||
{ id: "3", value: "12ms", title: "Campaign Speed", items: ["Rapid execution", "Fast turnaround"] },
|
||||
]}
|
||||
title="Data That Drives Success"
|
||||
description="Our work is defined by precision and measurable metrics."
|
||||
@@ -257,42 +128,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Brand Launch Kit",
|
||||
price: "$4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Content Studio Pass",
|
||||
price: "$2,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Social Growth Package",
|
||||
price: "$3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-mass-media-infographic-concept-with-news-car-radio-tower-megaphone-cameras-newspaper_1284-51019.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cinematic Video Ads",
|
||||
price: "$5,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Visual Strategy Audit",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Corporate Identity Set",
|
||||
price: "$2,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-wooden-boards-assortment_23-2149514273.jpg",
|
||||
},
|
||||
{ id: "1", name: "Brand Launch Kit", price: "$4,500", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130790.jpg" },
|
||||
{ id: "2", name: "Content Studio Pass", price: "$2,000", imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781063.jpg" },
|
||||
{ id: "3", name: "Social Growth Package", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-vector/flat-mass-media-infographic-concept-with-news-car-radio-tower-megaphone-cameras-newspaper_1284-51019.jpg" },
|
||||
{ id: "4", name: "Cinematic Video Ads", price: "$5,000", imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg" },
|
||||
{ id: "5", name: "Visual Strategy Audit", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/business-branding-label-chart-graphic_53876-133806.jpg" },
|
||||
{ id: "6", name: "Corporate Identity Set", price: "$2,800", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-wooden-boards-assortment_23-2149514273.jpg" },
|
||||
]}
|
||||
title="Featured Solutions"
|
||||
description="Explore our curated service packages and media assets."
|
||||
@@ -305,41 +146,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "CEO",
|
||||
testimonial: "Absolute game changer for our brand growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Creative Lead",
|
||||
testimonial: "Exceptional service and creative vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-hands-handsome-guy-suit-leisure-travelling-journalist-photograph-hobbies-smiling-having-fun_197531-2356.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
role: "CMO",
|
||||
testimonial: "Data and creativity perfectly blended together.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "Exceeded all expectations with fast delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
testimonial: "Partnering with Sebtix was our best decision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", role: "CEO", testimonial: "Absolute game changer for our brand growth.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", role: "Creative Lead", testimonial: "Exceptional service and creative vision.", imageSrc: "http://img.b2bpic.net/free-photo/retro-camera-hands-handsome-guy-suit-leisure-travelling-journalist-photograph-hobbies-smiling-having-fun_197531-2356.jpg" },
|
||||
{ id: "3", name: "Mike Ross", role: "CMO", testimonial: "Data and creativity perfectly blended together.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", testimonial: "Exceeded all expectations with fast delivery.", imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
|
||||
{ id: "5", name: "Emily Rodriguez", role: "Director", testimonial: "Partnering with Sebtix was our best decision.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top brands trust Sebtix Media with their growth."
|
||||
@@ -351,21 +162,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a campaign take?",
|
||||
content: "Most projects take 2-4 weeks depending on scope.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What industries do you work with?",
|
||||
content: "We support diverse sectors including tech, SaaS, and retail.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer retainers?",
|
||||
content: "Yes, we offer flexible monthly retainers for ongoing growth.",
|
||||
},
|
||||
{ id: "1", title: "How long does a campaign take?", content: "Most projects take 2-4 weeks depending on scope." },
|
||||
{ id: "2", title: "What industries do you work with?", content: "We support diverse sectors including tech, SaaS, and retail." },
|
||||
{ id: "3", title: "Do you offer retainers?", content: "Yes, we offer flexible monthly retainers for ongoing growth." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you make informed decisions."
|
||||
@@ -376,30 +175,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to scale your brand? Let’s start the conversation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@sebtix.media",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@sebtix.media" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sebtix Media"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user