Merge version_1 into main #1
347
src/app/page.tsx
347
src/app/page.tsx
@@ -12,7 +12,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { ArrowUp, CheckCircle, Globe } from "lucide-react";
|
||||
import { ArrowUp, CheckCircle, Globe, Zap, Camera, TrendingUp, Brush } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="My Content"
|
||||
/>
|
||||
@@ -59,106 +44,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Crafting Stories, One Post at a Time"
|
||||
description="I help brands connect with their audience through authentic, visually stunning content that drives real engagement."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nmkef",
|
||||
imageAlt: "influencer posing in modern studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtb1hs",
|
||||
imageAlt: "digital creator editing on laptop",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rn6zc6",
|
||||
imageAlt: "flat lay creative tools aesthetic",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0v06kq",
|
||||
imageAlt: "professional camera lens studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3tw2w9",
|
||||
imageAlt: "content creator outdoor photoshoot",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nmkef", imageAlt: "influencer posing in modern studio" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtb1hs", imageAlt: "digital creator editing on laptop" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rn6zc6", imageAlt: "flat lay creative tools aesthetic" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0v06kq", imageAlt: "professional camera lens studio" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3tw2w9", imageAlt: "content creator outdoor photoshoot" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4sxrd2",
|
||||
imageAlt: "influencer setting up lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q0tosa",
|
||||
imageAlt: "influencer setting up lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=76wp2y",
|
||||
imageAlt: "content creator outdoor photoshoot",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imengq",
|
||||
imageAlt: "professional camera lens studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v2fi0p",
|
||||
imageAlt: "flat lay creative tools aesthetic",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=03yiii",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dxbur",
|
||||
alt: "Professional client",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yztvjn",
|
||||
alt: "Creative collaborator",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yx9kpg",
|
||||
alt: "Partner client",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nmkef",
|
||||
alt: "Client feedback",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visual Branding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Video Production",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Direction",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4sxrd2", imageAlt: "influencer setting up lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q0tosa", imageAlt: "influencer setting up lighting" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=76wp2y", imageAlt: "content creator outdoor photoshoot" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imengq", imageAlt: "professional camera lens studio" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v2fi0p", imageAlt: "flat lay creative tools aesthetic" },
|
||||
]}
|
||||
buttons={[{ text: "View My Work", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,15 +69,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Turning passion into digital impact.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5czqqj",
|
||||
alt: "Professional portrait influencer",
|
||||
},
|
||||
{ type: "text", content: "Turning passion into digital impact." },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5czqqj", alt: "Professional portrait influencer" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,30 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Social Media Strategy",
|
||||
description: "Developing effective roadmaps to increase engagement and reach.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iu1axp",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Professional Production",
|
||||
description: "High-quality video and photography production tailored for platforms.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j2m6sx",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Turning raw insights into actionable strategies for growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8323v",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
{
|
||||
title: "Creative Direction",
|
||||
description: "Conceptualizing visual identities that stand out in the feed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh8re9",
|
||||
buttonIcon: "Brush",
|
||||
},
|
||||
{ title: "Social Media Strategy", description: "Developing effective roadmaps to increase engagement and reach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iu1axp", buttonIcon: Zap },
|
||||
{ title: "Professional Production", description: "High-quality video and photography production tailored for platforms.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j2m6sx", buttonIcon: Camera },
|
||||
{ title: "Data Analytics", description: "Turning raw insights into actionable strategies for growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x8323v", buttonIcon: TrendingUp },
|
||||
{ title: "Creative Direction", description: "Conceptualizing visual identities that stand out in the feed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kh8re9", buttonIcon: Brush },
|
||||
]}
|
||||
title="My Creative Services"
|
||||
description="From concept development to final polish, I provide comprehensive creative solutions for your brand."
|
||||
@@ -221,27 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Total Reach",
|
||||
description: "Engagements across social channels.",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects",
|
||||
description: "Content assets delivered successfully.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45%",
|
||||
title: "Growth Rate",
|
||||
description: "Average audience engagement increase.",
|
||||
icon: ArrowUp,
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Total Reach", description: "Engagements across social channels.", icon: Globe },
|
||||
{ id: "m2", value: "500+", title: "Projects", description: "Content assets delivered successfully.", icon: CheckCircle },
|
||||
{ id: "m3", value: "45%", title: "Growth Rate", description: "Average audience engagement increase.", icon: ArrowUp },
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Evidence-based results that drive business growth for my partners."
|
||||
@@ -250,49 +108,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best creative partner I've worked with. Truly elevated our brand content.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=np22jh",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
handle: "@mark_l",
|
||||
testimonial: "Incredible eye for detail. Delivered way beyond our original project scope.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=py1pw0",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_p",
|
||||
testimonial: "Fast turnaround, high quality, and great strategy. Will definitely work again.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6s1hk8",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David G.",
|
||||
handle: "@david_g",
|
||||
testimonial: "Professional, creative, and data-driven results. Amazing overall experience.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kx5l0p",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloe_b",
|
||||
testimonial: "Transformed our social presence completely in just three months.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o4bnud",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best creative partner I've worked with. Truly elevated our brand content.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=np22jh" },
|
||||
{ id: "2", name: "Mark L.", handle: "@mark_l", testimonial: "Incredible eye for detail. Delivered way beyond our original project scope.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=py1pw0" },
|
||||
{ id: "3", name: "Elena P.", handle: "@elena_p", testimonial: "Fast turnaround, high quality, and great strategy. Will definitely work again.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6s1hk8" },
|
||||
{ id: "4", name: "David G.", handle: "@david_g", testimonial: "Professional, creative, and data-driven results. Amazing overall experience.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kx5l0p" },
|
||||
{ id: "5", name: "Chloe B.", handle: "@chloe_b", testimonial: "Transformed our social presence completely in just three months.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o4bnud" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What People Say"
|
||||
@@ -302,28 +126,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is your typical turnaround time?",
|
||||
content: "Projects usually range from 1 to 3 weeks depending on the scope.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer subscription services?",
|
||||
content: "Yes, I offer monthly content retainers for brands needing consistent support.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How do we get started?",
|
||||
content: "Fill out the contact form, and we'll book a discovery call.",
|
||||
},
|
||||
{ id: "faq1", title: "What is your typical turnaround time?", content: "Projects usually range from 1 to 3 weeks depending on the scope." },
|
||||
{ id: "faq2", title: "Do you offer subscription services?", content: "Yes, I offer monthly content retainers for brands needing consistent support." },
|
||||
{ id: "faq3", title: "How do we get started?", content: "Fill out the contact form, and we'll book a discovery call." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? Check out answers to some common inquiries."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -335,36 +147,9 @@ export default function LandingPage() {
|
||||
title="Creative Insights"
|
||||
description="Tips, tricks, and behind-the-scenes thoughts on content creation."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tutorials",
|
||||
title: "Mastering Your Editing Workflow",
|
||||
excerpt: "How to save time and increase your output quality.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c10c7y",
|
||||
authorName: "Me",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=03yiii",
|
||||
date: "Oct 12, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Trends",
|
||||
title: "Influencer Branding in 2025",
|
||||
excerpt: "What to watch for in the upcoming digital landscape.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nsi11",
|
||||
authorName: "Me",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dxbur",
|
||||
date: "Oct 5, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Lifestyle",
|
||||
title: "Setting Up Your Home Studio",
|
||||
excerpt: "Tips for creating a pro space on a budget.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ip22m4",
|
||||
authorName: "Me",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yztvjn",
|
||||
date: "Sep 28, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Tutorials", title: "Mastering Your Editing Workflow", excerpt: "How to save time and increase your output quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c10c7y", authorName: "Me", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=03yiii", date: "Oct 12, 2024" },
|
||||
{ id: "b2", category: "Trends", title: "Influencer Branding in 2025", excerpt: "What to watch for in the upcoming digital landscape.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2nsi11", authorName: "Me", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dxbur", date: "Oct 5, 2024" },
|
||||
{ id: "b3", category: "Lifestyle", title: "Setting Up Your Home Studio", excerpt: "Tips for creating a pro space on a budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ip22m4", authorName: "Me", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yztvjn", date: "Sep 28, 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -375,24 +160,10 @@ export default function LandingPage() {
|
||||
title="Let's Work Together"
|
||||
description="Drop me a message and let's start creating something great."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your project",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell me about your project", required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cu6366"
|
||||
/>
|
||||
</div>
|
||||
@@ -401,36 +172,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="My Content"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 All Rights Reserved"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user