Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
205
src/app/page.tsx
205
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Code for Businesses"
|
||||
/>
|
||||
@@ -48,107 +42,58 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background="noise"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Code for Businesses: Elevating Your Digital Presence"
|
||||
description="We build professional, custom-coded websites designed to drive growth, boost visibility, and transform your business identity in the digital landscape."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-professional-modern-workspace-showing--1774864211281-43281868.png?_wi=1",
|
||||
imageAlt: "Professional software dashboard",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-professional-modern-workspace-showing--1774864211281-43281868.png", imageAlt: "Professional software dashboard"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-of-clean-code-displayed-on-a-co-1774864211031-8328a163.png?_wi=1",
|
||||
imageAlt: "Professional code development",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-of-clean-code-displayed-on-a-co-1774864211031-8328a163.png", imageAlt: "Professional code development"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/modern-business-web-design-displayed-on--1774864211092-d2ce9df1.png",
|
||||
imageAlt: "Responsive web design mockup",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/modern-business-web-design-displayed-on--1774864211092-d2ce9df1.png", imageAlt: "Responsive web design mockup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-professional-modern-workspace-showing--1774864211281-43281868.png?_wi=2",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-professional-modern-workspace-showing--1774864211281-43281868.png", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-of-clean-code-displayed-on-a-co-1774864211031-8328a163.png?_wi=2",
|
||||
imageAlt: "Clean code editor",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-of-clean-code-displayed-on-a-co-1774864211031-8328a163.png", imageAlt: "Clean code editor"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/high-tech-abstract-background-with-float-1774864210484-6def3351.png?_wi=1",
|
||||
imageAlt: "Data analytics visualization",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/high-tech-abstract-background-with-float-1774864210484-6def3351.png", imageAlt: "Data analytics visualization"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-creative-web-designer-working-on-a-tab-1774864210135-f0ce0eaa.png?_wi=1",
|
||||
imageAlt: "Modern design studio",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-creative-web-designer-working-on-a-tab-1774864210135-f0ce0eaa.png", imageAlt: "Modern design studio"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-successful-business-meeting-over-a-lap-1774864210340-8f131687.png",
|
||||
imageAlt: "Professional business growth",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-successful-business-meeting-over-a-lap-1774864210340-8f131687.png", imageAlt: "Professional business growth"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/high-tech-abstract-background-with-float-1774864210484-6def3351.png?_wi=2",
|
||||
imageAlt: "Digital analytics interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/high-tech-abstract-background-with-float-1774864210484-6def3351.png", imageAlt: "Digital analytics interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-creative-web-designer-working-on-a-tab-1774864210135-f0ce0eaa.png?_wi=2",
|
||||
imageAlt: "Creative design workspace",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/a-creative-web-designer-working-on-a-tab-1774864210135-f0ce0eaa.png", imageAlt: "Creative design workspace"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-young-professiona-1774864210319-c380e6b9.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-young-professiona-1774864210319-c380e6b9.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-creative-lead-des-1774864214074-6b39e144.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-creative-lead-des-1774864214074-6b39e144.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-business-partner--1774864211503-8e30df9e.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-business-partner--1774864211503-8e30df9e.png", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile First Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Architecture",
|
||||
},
|
||||
{ type: "text", text: "Performance Focused" },
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "Mobile First Design" },
|
||||
{ type: "text", text: "SEO Optimized" },
|
||||
{ type: "text", text: "Secure Architecture" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,24 +103,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Customized Solutions for ",
|
||||
},
|
||||
type: "text", content: "Customized Solutions for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/professional-web-developer-sitting-in-a--1774864210678-a20123ce.png",
|
||||
alt: "About Code for Businesses",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/professional-web-developer-sitting-in-a--1774864210678-a20123ce.png", alt: "About Code for Businesses"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Your Brand's Success",
|
||||
},
|
||||
type: "text", content: " Your Brand's Success"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Connect with Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Connect with Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,22 +123,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "High Performance Code",
|
||||
description: "Clean, optimized code built to scale with your business demands.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/high-performance-computer-icon-with-blue-1774864210094-c7afc996.png",
|
||||
},
|
||||
title: "High Performance Code", description: "Clean, optimized code built to scale with your business demands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/high-performance-computer-icon-with-blue-1774864210094-c7afc996.png"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Responsive Web Design",
|
||||
description: "Mobile-friendly layouts that ensure your brand looks professional on every screen size.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/responsive-smartphone-mockup-showing-a-m-1774864210570-79c4c214.png",
|
||||
},
|
||||
title: "Responsive Web Design", description: "Mobile-friendly layouts that ensure your brand looks professional on every screen size.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/responsive-smartphone-mockup-showing-a-m-1774864210570-79c4c214.png"},
|
||||
{
|
||||
id: 3,
|
||||
title: "SEO Optimization",
|
||||
description: "Strategic architecture to maximize visibility and rank higher in search engines.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/seo-rank-chart-increasing-upwards-on-a-g-1774864210603-4b753106.png",
|
||||
},
|
||||
title: "SEO Optimization", description: "Strategic architecture to maximize visibility and rank higher in search engines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/seo-rank-chart-increasing-upwards-on-a-g-1774864210603-4b753106.png"},
|
||||
]}
|
||||
title="Why Code for Businesses?"
|
||||
description="Our development process ensures every project is optimized for performance, scalability, and modern business needs."
|
||||
@@ -214,30 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-young-professiona-1774864210319-c380e6b9.png",
|
||||
},
|
||||
id: "2", name: "Marcus Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-young-professiona-1774864210319-c380e6b9.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-creative-lead-des-1774864214074-6b39e144.png",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-creative-lead-des-1774864214074-6b39e144.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-business-partner--1774864211503-8e30df9e.png",
|
||||
},
|
||||
id: "4", name: "David Wu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-business-partner--1774864211503-8e30df9e.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivers",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Alex Rivers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bez64nC3tEm4SYeOFKeL5J1zkO/close-up-headshot-of-a-professional-busi-1774864210939-08b6eaad.png"},
|
||||
]}
|
||||
cardTitle="Trusted by Growing Businesses"
|
||||
cardTag="Testimonials"
|
||||
@@ -251,27 +163,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the typical turnaround time?",
|
||||
content: "Turnaround time varies based on project scope, but we typically launch in 4-8 weeks.",
|
||||
},
|
||||
id: "f1", title: "What is the typical turnaround time?", content: "Turnaround time varies based on project scope, but we typically launch in 4-8 weeks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide ongoing support?",
|
||||
content: "Yes, we offer maintenance plans to keep your site updated and running smoothly.",
|
||||
},
|
||||
id: "f2", title: "Do you provide ongoing support?", content: "Yes, we offer maintenance plans to keep your site updated and running smoothly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work with existing designs?",
|
||||
content: "Absolutely, we can translate your existing design mockups into fully functional code.",
|
||||
},
|
||||
id: "f3", title: "Do you work with existing designs?", content: "Absolutely, we can translate your existing design mockups into fully functional code."},
|
||||
]}
|
||||
ctaTitle="Ready to Launch Your New Site?"
|
||||
ctaDescription="Let's discuss how we can bring your vision to life with custom web development."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@codeforbusinesses.com",
|
||||
}}
|
||||
text: "Contact Us", href: "mailto:hello@codeforbusinesses.com"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,29 +181,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Our Process", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user