bender/ff2cf140-0be3-4be6-b273-b08ed56a3162
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 14:07:17 +00:00
parent 6af24a820e
commit 02dc1a05ab
1 changed files with 44 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

347
src/app/page.tsx
View File

@@ -31,28 +31,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="CreatorLab"
button={{
text: "Start Project",
href: "#contact",
}}
button={{ text: "Start Project", href: "#contact" }}
/>
</div>
@@ -61,70 +46,20 @@ export default function LandingPage() {
title="We Build Your Vision"
description="CreatorLab is your partner in crafting stunning, high-performance websites that elevate your digital presence and drive real results for your business."
testimonials={[
{
name: "Alice M.",
handle: "@creative_dev",
testimonial: "CreatorLab transformed our online presence. Their design eye is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nobody-photography-studio-with-retouching-equipment-technology-media-production-empty-workplace-image-edit-using-retouch-software-computer-office-photographer_482257-28778.jpg",
},
{
name: "John D.",
handle: "@startup_founder",
testimonial: "The best development team I've ever worked with. Fast, professional, and reliable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg",
},
{
name: "Sarah L.",
handle: "@brand_lead",
testimonial: "Stunning visuals and seamless functionality. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg",
},
{
name: "Mike R.",
handle: "@tech_hub",
testimonial: "The performance boost after their redesign was incredible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pc-display-startup-office-desk-showing-programming-languages_482257-120128.jpg",
},
{
name: "Jane K.",
handle: "@design_pro",
testimonial: "A truly professional studio that understands business goals.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-office-space_23-2151003783.jpg",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
{ name: "Alice M.", handle: "@creative_dev", testimonial: "CreatorLab transformed our online presence. Their design eye is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nobody-photography-studio-with-retouching-equipment-technology-media-production-empty-workplace-image-edit-using-retouch-software-computer-office-photographer_482257-28778.jpg" },
{ name: "John D.", handle: "@startup_founder", testimonial: "The best development team I've ever worked with. Fast, professional, and reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-marketing-statistics-working-late-night-project-strategy-startup-office-businessman-planning-business-investment-help-increase-company-profit_482257-63809.jpg" },
{ name: "Sarah L.", handle: "@brand_lead", testimonial: "Stunning visuals and seamless functionality. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg" },
{ name: "Mike R.", handle: "@tech_hub", testimonial: "The performance boost after their redesign was incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pc-display-startup-office-desk-showing-programming-languages_482257-120128.jpg" },
{ name: "Jane K.", handle: "@design_pro", testimonial: "A truly professional studio that understands business goals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-business-office-space_23-2151003783.jpg" }
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/empty-photography-studio-with-retouching-software-computer-nobody-media-production-workplace-with-equipment-editing-pictures-by-professional-photographer-image-retouch-office_482257-39965.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg",
alt: "Client avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/teleworking-developer-using-computer-artificial-intelligence-brain_482257-126394.jpg",
alt: "Client avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/female-ceo-managers-celebrating-important-corporate-achievement_482257-119983.jpg",
alt: "Client avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
alt: "Client avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
alt: "Client avatar 5",
},
{ src: "http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg", alt: "Client avatar 1" },
{ src: "http://img.b2bpic.net/free-photo/teleworking-developer-using-computer-artificial-intelligence-brain_482257-126394.jpg", alt: "Client avatar 2" },
{ src: "http://img.b2bpic.net/free-photo/female-ceo-managers-celebrating-important-corporate-achievement_482257-119983.jpg", alt: "Client avatar 3" },
{ src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Client avatar 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Client avatar 5" }
]}
avatarText="Trusted by 150+ global brands"
/>
@@ -136,18 +71,9 @@ export default function LandingPage() {
title="Crafting Excellence"
description="At CreatorLab, we don't just build sites; we craft immersive digital experiences. We bridge the gap between creative ambition and technical performance."
metrics={[
{
value: "150+",
title: "Projects Completed",
},
{
value: "98%",
title: "Client Satisfaction",
},
{
value: "12",
title: "Industry Awards",
},
{ value: "150+", title: "Projects Completed" },
{ value: "98%", title: "Client Satisfaction" },
{ value: "12", title: "Industry Awards" }
]}
imageSrc="http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg"
mediaAnimation="blur-reveal"
@@ -161,33 +87,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Optimized Speed",
tags: [
"Performance",
"Fast",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg",
},
{
id: "2",
title: "Fully Responsive",
tags: [
"Mobile-First",
"Seamless",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape-sculpture_23-2150979675.jpg",
},
{
id: "3",
title: "Top-Tier Security",
tags: [
"SSL",
"Protection",
],
imageSrc: "http://img.b2bpic.net/free-photo/file-folder-document-paper-ui-icon-sign-symbol-3d-rendering_56104-1927.jpg",
},
{ id: "1", title: "Optimized Speed", tags: ["Performance", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines_1048-14148.jpg" },
{ id: "2", title: "Fully Responsive", tags: ["Mobile-First", "Seamless"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape-sculpture_23-2150979675.jpg" },
{ id: "3", title: "Top-Tier Security", tags: ["SSL", "Protection"], imageSrc: "http://img.b2bpic.net/free-photo/file-folder-document-paper-ui-icon-sign-symbol-3d-rendering_56104-1927.jpg" }
]}
title="Everything You Need to Succeed"
description="Our development process is optimized for speed, security, and scalability, ensuring your brand stands out in the competitive digital landscape."
@@ -200,57 +102,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Launch",
price: "$1,999",
subtitle: "Perfect for new brands",
buttons: [
{
text: "Contact Us",
href: "#contact",
},
],
features: [
"Custom Design",
"Basic SEO",
"Mobile Responsive",
],
},
{
id: "pro",
badge: "Growth",
price: "$4,999",
subtitle: "Advanced digital growth",
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
features: [
"Full Custom Build",
"Advanced Analytics",
"24/7 Priority Support",
],
},
{
id: "enterprise",
badge: "Scale",
price: "$8,999+",
subtitle: "For large organizations",
buttons: [
{
text: "Book Consult",
href: "#contact",
},
],
features: [
"Custom Enterprise Dev",
"API Integration",
"Dedicated Team",
],
},
{ id: "basic", badge: "Launch", price: "$1,999", subtitle: "Perfect for new brands", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Custom Design", "Basic SEO", "Mobile Responsive"] },
{ id: "pro", badge: "Growth", price: "$4,999", subtitle: "Advanced digital growth", buttons: [{ text: "Get Started", href: "#contact" }], features: ["Full Custom Build", "Advanced Analytics", "24/7 Priority Support"] },
{ id: "enterprise", badge: "Scale", price: "$8,999+", subtitle: "For large organizations", buttons: [{ text: "Book Consult", href: "#contact" }], features: ["Custom Enterprise Dev", "API Integration", "Dedicated Team"] }
]}
title="Straightforward Pricing"
description="Transparent plans designed to scale with your business needs."
@@ -259,30 +113,13 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "200%",
title: "Average Traffic Increase",
description: "Helping businesses reach their audience.",
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252454.jpg",
},
{
id: "2",
value: "45%",
title: "Conversion Rate Lift",
description: "Turning visitors into loyal customers.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg",
},
{
id: "3",
value: "3x",
title: "Faster Page Load",
description: "Improving experience and SEO ranking.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-netowrking-binary-code-computer-language_53876-124323.jpg",
},
{ id: "1", value: "200%", title: "Average Traffic Increase", description: "Helping businesses reach their audience.", imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252454.jpg" },
{ id: "2", value: "45%", title: "Conversion Rate Lift", description: "Turning visitors into loyal customers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg" },
{ id: "3", value: "3x", title: "Faster Page Load", description: "Improving experience and SEO ranking.", imageSrc: "http://img.b2bpic.net/free-photo/technology-netowrking-binary-code-computer-language_53876-124323.jpg" }
]}
title="Measurable Growth"
description="We believe in data-driven success. Our metrics prove our commitment to your brand's growth."
@@ -296,30 +133,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
members={[
{
id: "1",
name: "Maya R.",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
},
{
id: "2",
name: "David W.",
role: "Senior Developer",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-business-team-standing-row_1262-3845.jpg",
},
{
id: "3",
name: "Elena K.",
role: "UI/UX Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
},
{
id: "4",
name: "Alex P.",
role: "Technical Lead",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
},
{ id: "1", name: "Maya R.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg" },
{ id: "2", name: "David W.", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-diverse-business-team-standing-row_1262-3845.jpg" },
{ id: "3", name: "Elena K.", role: "UI/UX Strategist", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" },
{ id: "4", name: "Alex P.", role: "Technical Lead", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg" }
]}
title="Meet the Minds"
description="A diverse group of designers, developers, and strategists driven by creativity and innovation."
@@ -332,60 +149,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "Marketing VP",
company: "GrowthCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
},
{
id: "2",
name: "Mark R.",
role: "Director",
company: "NextGen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
},
{
id: "3",
name: "Emma L.",
role: "Founder",
company: "Venturely",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
},
{
id: "4",
name: "Kevin S.",
role: "Product Lead",
company: "ScaleUp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
},
{
id: "5",
name: "Olivia B.",
role: "Operations",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
},
{ id: "1", name: "Sarah Jenkins", role: "Marketing VP", company: "GrowthCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
{ id: "2", name: "Mark R.", role: "Director", company: "NextGen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg" },
{ id: "3", name: "Emma L.", role: "Founder", company: "Venturely", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg" },
{ id: "4", name: "Kevin S.", role: "Product Lead", company: "ScaleUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" },
{ id: "5", name: "Olivia B.", role: "Operations", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg" }
]}
kpiItems={[
{
value: "150+",
label: "Happy Clients",
},
{
value: "400+",
label: "Projects Live",
},
{
value: "24/7",
label: "Support Always",
},
{ value: "150+", label: "Happy Clients" },
{ value: "400+", label: "Projects Live" },
{ value: "24/7", label: "Support Always" }
]}
title="Voices of Success"
description="Client success is at the core of our business model."
@@ -395,9 +168,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Let's Connect"
title="Ready to Start Your Journey?"
description="Partner with CreatorLab and watch your digital vision come to life. Send us your inquiry today."
@@ -409,38 +180,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Process",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ items: [{ label: "About", href: "#about" }, { label: "Process", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
]}
logoText="CreatorLab"
/>