Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-05 23:46:17 +00:00

View File

@@ -10,42 +10,41 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Lightbulb, Target, Zap, Award, Users, Heart, CheckCircle, Phone } from "lucide-react";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import { Sparkles, Lightbulb, Target, Zap, Award, Users, Heart, CheckCircle, Phone, Linkedin, Twitter, Dribbble, Github } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Team", id: "/team" },
{ name: "Services", id: "#services" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Team", id: "#team" },
];
const footerColumns = [
{
title: "Services",
items: [
{ label: "Web Design", href: "/services" },
{ label: "App Development", href: "/services" },
{ label: "Digital Marketing", href: "/services" },
{ label: "Branding", href: "/services" },
title: "Services", items: [
{ label: "Web Design", href: "#services" },
{ label: "App Development", href: "#services" },
{ label: "Digital Marketing", href: "#services" },
{ label: "Branding", href: "#services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
{ label: "Team", href: "/team" },
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "Team", href: "#team" },
{ label: "Careers", href: "#careers" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Contact", href: "/contact" },
{ label: "Contact", href: "#contact" },
],
},
];
@@ -57,7 +56,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="fluid"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
@@ -70,7 +69,7 @@ export default function HomePage() {
name: item.name,
id: item.id,
}))}
button={{ text: "Get Started", href: "/contact" }}
button={{ text: "Get Started", href: "#contact" }}
animateOnLoad={true}
/>
</div>
@@ -79,7 +78,7 @@ export default function HomePage() {
<HeroSplitKpi
title="Transform Your Digital Presence"
description="JB Digital delivers cutting-edge digital solutions that drive growth, engagement, and measurable results for forward-thinking brands."
background={{ variant: "fluid" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "500+", label: "Projects Delivered" },
{ value: "98%", label: "Client Satisfaction" },
@@ -90,8 +89,8 @@ export default function HomePage() {
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Start Your Project", href: "/contact" },
{ text: "View Our Work", href: "/portfolio" },
{ text: "Start Your Project", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" },
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-modern-sleek-digital-dashboard-interfa-1772754205870-3185b4a7.png"
@@ -110,7 +109,7 @@ export default function HomePage() {
description="Founded in 2015"
subdescription="JB Digital Agency"
icon={Target}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-professional-team-of-4-5-diverse-peopl-1772754205295-0736d138.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-professional-team-of-4-5-diverse-peopl-1772754205295-0736d138.png"
imageAlt="JB Digital team collaborating"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -121,33 +120,17 @@ export default function HomePage() {
<FeatureCardTwentyThree
features={[
{
id: "1",
title: "Web Design & Development",
tags: ["Design", "Development", "Frontend"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-vibrant-showcase-of-web-design-element-1772754205613-c7c02dc7.png?_wi=1",
imageAlt: "Web design showcase",
},
id: "1", title: "Web Design & Development", tags: ["Design", "Development", "Frontend"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-vibrant-showcase-of-web-design-element-1772754205613-c7c02dc7.png", imageAlt: "Web design showcase"},
{
id: "2",
title: "Digital Marketing Strategy",
tags: ["Marketing", "Strategy", "Growth"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/digital-marketing-analytics-dashboard-wi-1772754204884-d5671d2b.png?_wi=1",
imageAlt: "Digital marketing analytics",
},
id: "2", title: "Digital Marketing Strategy", tags: ["Marketing", "Strategy", "Growth"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/digital-marketing-analytics-dashboard-wi-1772754204884-d5671d2b.png", imageAlt: "Digital marketing analytics"},
{
id: "3",
title: "Brand Identity & Positioning",
tags: ["Branding", "Design", "Strategy"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/brand-identity-design-showcase-featuring-1772754205555-21e57610.png?_wi=1",
imageAlt: "Brand identity development",
},
id: "3", title: "Brand Identity & Positioning", tags: ["Branding", "Design", "Strategy"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/brand-identity-design-showcase-featuring-1772754205555-21e57610.png", imageAlt: "Brand identity development"},
{
id: "4",
title: "Mobile App Development",
tags: ["Mobile", "Development", "Innovation"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/modern-mobile-app-interface-displayed-on-1772754205236-cbb503f2.png?_wi=1",
imageAlt: "Mobile app interface",
},
id: "4", title: "Mobile App Development", tags: ["Mobile", "Development", "Innovation"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/modern-mobile-app-interface-displayed-on-1772754205236-cbb503f2.png", imageAlt: "Mobile app interface"},
]}
animationType="slide-up"
title="Our Services"
@@ -157,7 +140,7 @@ export default function HomePage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Explore All Services", href: "/services" }]}
buttons={[{ text: "Explore All Services", href: "#services" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -166,35 +149,14 @@ export default function HomePage() {
<ProductCardTwo
products={[
{
id: "1",
brand: "TechFlow",
name: "E-commerce Platform Redesign",
price: "Completed 2024",
rating: 5,
reviewCount: "12k+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-sleek-e-commerce-platform-interface-fe-1772754205270-41298480.png?_wi=1",
imageAlt: "TechFlow e-commerce platform",
},
id: "1", brand: "TechFlow", name: "E-commerce Platform Redesign", price: "Completed 2024", rating: 5,
reviewCount: "12k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-sleek-e-commerce-platform-interface-fe-1772754205270-41298480.png", imageAlt: "TechFlow e-commerce platform"},
{
id: "2",
brand: "CloudSync",
name: "SaaS Application UI Overhaul",
price: "Completed 2024",
rating: 5,
reviewCount: "8.5k",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-comprehensive-saas-application-interfa-1772754205350-99f3e46c.png?_wi=1",
imageAlt: "CloudSync SaaS interface",
},
id: "2", brand: "CloudSync", name: "SaaS Application UI Overhaul", price: "Completed 2024", rating: 5,
reviewCount: "8.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-comprehensive-saas-application-interfa-1772754205350-99f3e46c.png", imageAlt: "CloudSync SaaS interface"},
{
id: "3",
brand: "FinanceFlow",
name: "Digital Banking Platform",
price: "Completed 2023",
rating: 5,
reviewCount: "15k+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-secure-digital-banking-platform-interf-1772754206009-27b9ba0c.png?_wi=1",
imageAlt: "FinanceFlow banking platform",
},
id: "3", brand: "FinanceFlow", name: "Digital Banking Platform", price: "Completed 2023", rating: 5,
reviewCount: "15k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-secure-digital-banking-platform-interf-1772754206009-27b9ba0c.png", imageAlt: "FinanceFlow banking platform"},
]}
title="Featured Projects"
description="Showcase of our most impactful work across diverse industries and digital disciplines."
@@ -205,7 +167,43 @@ export default function HomePage() {
useInvertedBackground={false}
animationType="slide-up"
gridVariant="bento-grid"
buttons={[{ text: "View All Projects", href: "/portfolio" }]}
buttons={[{ text: "View All Projects", href: "#portfolio" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
title="Meet Our Team"
description="Talented professionals dedicated to delivering excellence on every project."
tag="Leadership"
tagIcon={Users}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
members={[
{
id: "1", name: "James Brown", role: "Founder & CEO", description: "Digital strategist with 15+ years of industry experience. Passionate about innovation and client success.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-male-executiv-1772754205802-1d68f17c.png", imageAlt: "James Brown, CEO", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Twitter, url: "https://twitter.com" },
],
},
{
id: "2", name: "Sarah Chen", role: "Creative Director", description: "Award-winning designer specializing in brand identity and user experience design. Thinks every detail.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-female-creati-1772754204871-27ee9b95.png", imageAlt: "Sarah Chen, Creative Director", socialLinks: [
{ icon: Dribbble, url: "https://dribbble.com" },
{ icon: Linkedin, url: "https://linkedin.com" },
],
},
{
id: "3", name: "Marcus Rodriguez", role: "Lead Developer", description: "Full-stack developer with expertise in modern web technologies. Builds scalable, high-performance solutions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-male-develope-1772754205494-63cf5f27.png", imageAlt: "Marcus Rodriguez, Lead Developer", socialLinks: [
{ icon: Github, url: "https://github.com" },
{ icon: Linkedin, url: "https://linkedin.com" },
],
},
]}
buttons={[{ text: "Join Our Team", href: "#careers" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -214,41 +212,17 @@ export default function HomePage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "John Mitchell",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205211-1ad1d8f9.png?_wi=1",
imageAlt: "John Mitchell",
},
id: "1", name: "John Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205211-1ad1d8f9.png", imageAlt: "John Mitchell"},
{
id: "2",
name: "Lisa Anderson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205907-926674b7.png?_wi=1",
imageAlt: "Lisa Anderson",
},
id: "2", name: "Lisa Anderson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205907-926674b7.png", imageAlt: "Lisa Anderson"},
{
id: "3",
name: "Michael Torres",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-prof-1772754206770-2606012e.png?_wi=1",
imageAlt: "Michael Torres",
},
id: "3", name: "Michael Torres", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-prof-1772754206770-2606012e.png", imageAlt: "Michael Torres"},
{
id: "4",
name: "Jennifer Lee",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205379-2b61263a.png?_wi=1",
imageAlt: "Jennifer Lee",
},
id: "4", name: "Jennifer Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205379-2b61263a.png", imageAlt: "Jennifer Lee"},
{
id: "5",
name: "David Kumar",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-exec-1772754204941-2199af54.png",
imageAlt: "David Kumar",
},
id: "5", name: "David Kumar", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-exec-1772754204941-2199af54.png", imageAlt: "David Kumar"},
{
id: "6",
name: "Rachel Green",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205751-bb11f53f.png",
imageAlt: "Rachel Green",
},
id: "6", name: "Rachel Green", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205751-bb11f53f.png", imageAlt: "Rachel Green"},
]}
cardTitle="Trusted by leading companies worldwide. Our clients' success drives our mission."
cardTag="Client Testimonials"
@@ -268,25 +242,40 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google",
"Microsoft",
"Apple",
"Amazon",
"Meta",
"Netflix",
"Tesla",
"Adobe",
"Shopify",
"Slack",
]}
"Google", "Microsoft", "Apple", "Amazon", "Meta", "Netflix", "Tesla", "Adobe", "Shopify", "Slack"]}
speed={40}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Ready to Transform Your Digital Presence?"
ctaDescription="Let's discuss how JB Digital can help you achieve your business goals through innovative digital solutions."
ctaIcon={Phone}
ctaButton={{ text: "Schedule a Consultation", href: "mailto:contact@jbdigital.com" }}
faqs={[
{
id: "1", title: "What services does JB Digital offer?", content: "We provide comprehensive digital services including web design and development, digital marketing strategy, brand identity design, mobile app development, and UI/UX design. Each service is tailored to meet your specific business needs."},
{
id: "2", title: "How long does a typical project take?", content: "Project timelines vary depending on scope and complexity. Small projects typically take 4-8 weeks, while larger enterprise solutions may take 3-6 months. We provide detailed timelines during the initial consultation."},
{
id: "3", title: "What is your pricing model?", content: "We offer flexible pricing options including fixed-price projects, time-and-materials, and retainer agreements. We'll work with you to find a model that fits your budget and business requirements."},
{
id: "4", title: "Do you provide ongoing support?", content: "Yes! We offer comprehensive post-launch support and maintenance packages to ensure your digital solution performs optimally and stays up-to-date with the latest technologies."},
{
id: "5", title: "What industries do you specialize in?", content: "We've worked across diverse industries including fintech, e-commerce, SaaS, healthcare, real estate, and more. Our experience across sectors allows us to bring valuable insights to your project."},
{
id: "6", title: "How do I get started?", content: "Simply reach out through our contact form or call us to schedule a free consultation. During this meeting, we'll understand your goals, discuss your project, and provide recommendations."},
]}
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-modern-abstract-digital-background-fea-1772754205039-eddf963a.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-modern-abstract-digital-background-fea-1772754205039-eddf963a.png"
imageAlt="Digital innovation background"
logoText="JB Digital"
copyrightText="© 2024 JB Digital Agency. All rights reserved."