Merge version_1 into main #6
@@ -2,8 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Send } from "lucide-react";
|
||||
|
||||
@@ -63,57 +61,69 @@ const ContactPage = () => {
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
tagIcon={Send}
|
||||
tagAnimation="slide-up"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Let's bring your vision to life with cutting-edge web and mobile solutions tailored to your goals. Partner with us to unlock your digital potential."
|
||||
background={{ variant: "noise" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/modern-tech-company-office-environment-s-1772536829959-06972360.png"
|
||||
imageAlt="Contact us - modern office environment"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Reach Out Now"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
ariaLabel="Contact section"
|
||||
/>
|
||||
<div className="py-12 md:py-20 px-4">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="grid md:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
<div className="flex items-center gap-2 mb-4">
|
||||
<Send className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Get In Touch</span>
|
||||
</div>
|
||||
<h2 className="text-3xl md:text-5xl font-bold mb-4">Ready to Transform Your Business?</h2>
|
||||
<p className="text-lg text-gray-600 mb-8">Let's bring your vision to life with cutting-edge web and mobile solutions tailored to your goals. Partner with us to unlock your digital potential.</p>
|
||||
<form className="space-y-4">
|
||||
<input type="email" placeholder="Enter your email" className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500" />
|
||||
<button type="submit" className="w-full bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors">Reach Out Now</button>
|
||||
<p className="text-sm text-gray-500">We respect your privacy. Unsubscribe at any time.</p>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/modern-tech-company-office-environment-s-1772536829959-06972360.png" alt="Contact us - modern office environment" className="w-full rounded-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our services, process, and how we can help transform your business."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What services does Kraftcode offer?", content:
|
||||
"We provide comprehensive digital solutions including website development, iOS and Android app development, custom development, performance optimization, and security implementation. Our services are tailored to meet your unique business requirements."},
|
||||
{
|
||||
id: "2", title: "How long does a typical project take?", content:
|
||||
"Project timelines vary based on complexity and scope. Most web projects take 2-4 months, while mobile apps typically require 3-6 months. We provide detailed timelines and milestones during the planning phase."},
|
||||
{
|
||||
id: "3", title: "What is your development process?", content:
|
||||
"We follow a structured approach: Discovery & Planning → Design & Prototyping → Development → Testing → Deployment → Support. We maintain regular communication and provide progress updates throughout the project."},
|
||||
{
|
||||
id: "4", title: "Do you offer post-launch support?", content:
|
||||
"Yes, we provide comprehensive post-launch support including maintenance, updates, bug fixes, and performance monitoring. We offer various support packages tailored to your needs."},
|
||||
{
|
||||
id: "5", title: "How do you ensure quality and security?", content:
|
||||
"Quality is built into our process through rigorous testing, code reviews, and quality assurance protocols. Security is implemented from the ground up, with compliance to industry standards and best practices."},
|
||||
{
|
||||
id: "6", title: "Can you work with our existing team?", content:
|
||||
"Absolutely. We're experienced in collaborating with in-house teams, agencies, and external partners. We can integrate seamlessly into your existing workflow and development processes."},
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
textPosition="left"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
showCard={true}
|
||||
ariaLabel="FAQ section"
|
||||
/>
|
||||
<div className="py-12 md:py-20 px-4 bg-gray-50">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="grid md:grid-cols-2 gap-12">
|
||||
<div>
|
||||
<h2 className="text-3xl md:text-4xl font-bold mb-4">Frequently Asked Questions</h2>
|
||||
<p className="text-lg text-gray-600">Find answers to common questions about our services, process, and how we can help transform your business.</p>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
{[
|
||||
{
|
||||
title: "What services does Kraftcode offer?", content: "We provide comprehensive digital solutions including website development, iOS and Android app development, custom development, performance optimization, and security implementation. Our services are tailored to meet your unique business requirements."
|
||||
},
|
||||
{
|
||||
title: "How long does a typical project take?", content: "Project timelines vary based on complexity and scope. Most web projects take 2-4 months, while mobile apps typically require 3-6 months. We provide detailed timelines and milestones during the planning phase."
|
||||
},
|
||||
{
|
||||
title: "What is your development process?", content: "We follow a structured approach: Discovery & Planning → Design & Prototyping → Development → Testing → Deployment → Support. We maintain regular communication and provide progress updates throughout the project."
|
||||
},
|
||||
{
|
||||
title: "Do you offer post-launch support?", content: "Yes, we provide comprehensive post-launch support including maintenance, updates, bug fixes, and performance monitoring. We offer various support packages tailored to your needs."
|
||||
},
|
||||
{
|
||||
title: "How do you ensure quality and security?", content: "Quality is built into our process through rigorous testing, code reviews, and quality assurance protocols. Security is implemented from the ground up, with compliance to industry standards and best practices."
|
||||
},
|
||||
{
|
||||
title: "Can you work with our existing team?", content: "Absolutely. We're experienced in collaborating with in-house teams, agencies, and external partners. We can integrate seamlessly into your existing workflow and development processes."
|
||||
}
|
||||
].map((faq, index) => (
|
||||
<details key={index} className="border-b border-gray-200 pb-4">
|
||||
<summary className="cursor-pointer font-semibold text-gray-900 hover:text-blue-600">{faq.title}</summary>
|
||||
<p className="mt-2 text-gray-600">{faq.content}</p>
|
||||
</details>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
@@ -10,7 +9,7 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Zap, Lightbulb, Globe, Smartphone, Code, Award, MessageSquare, CheckCircle, Target, Send, Briefcase } from "lucide-react";
|
||||
import { Zap, Lightbulb, Globe, Smartphone, Code, Award, MessageSquare, CheckCircle, Target } from "lucide-react";
|
||||
|
||||
const HomePage = () => {
|
||||
const navItems = [
|
||||
@@ -100,7 +99,7 @@ const HomePage = () => {
|
||||
{ text: "See Our Services", href: "/services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Hero section"
|
||||
/>
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Briefcase } from "lucide-react";
|
||||
|
||||
@@ -62,33 +61,48 @@ const PortfolioPage = () => {
|
||||
|
||||
{/* Portfolio Case Studies */}
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
title="Turning Vision Into Reality"
|
||||
description="Showcase of our successful projects across diverse industries. Each case study represents our commitment to delivering innovative solutions and measurable business impact."
|
||||
tag="Case Studies"
|
||||
tagIcon={Briefcase}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Financial Tech Platform", price: "Finance", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/financial-tech-solution-showcase-showing-1772536829700-08f53efb.png", imageAlt: "Finance platform"},
|
||||
{
|
||||
id: "2", name: "HR Management System", price: "Human Resources", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/human-resources-platform-illustration-sh-1772536829975-a0919a4e.png", imageAlt: "HR system"},
|
||||
{
|
||||
id: "3", name: "Legal Services Platform", price: "Legal Tech", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/legal-services-platform-showing-law-firm-1772536830626-e5e66c56.png", imageAlt: "Legal platform"},
|
||||
{
|
||||
id: "4", name: "Startup Solution Suite", price: "Startup", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/startup-solution-platform-showing-modern-1772536829727-82b44a37.png", imageAlt: "Startup solution"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Portfolio section"
|
||||
/>
|
||||
<div className="py-12 md:py-20 px-4">
|
||||
<div className="max-w-6xl mx-auto">
|
||||
<div className="mb-12">
|
||||
<div className="flex items-center gap-2 mb-4">
|
||||
<Briefcase className="w-5 h-5" />
|
||||
<span className="text-sm font-medium">Case Studies</span>
|
||||
</div>
|
||||
<h2 className="text-3xl md:text-5xl font-bold mb-4">Turning Vision Into Reality</h2>
|
||||
<p className="text-lg text-gray-600 max-w-2xl">Showcase of our successful projects across diverse industries. Each case study represents our commitment to delivering innovative solutions and measurable business impact.</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/financial-tech-solution-showcase-showing-1772536829700-08f53efb.png" alt="Finance platform" className="w-full h-64 object-cover" />
|
||||
<div className="p-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Financial Tech Platform</h3>
|
||||
<p className="text-gray-600">Finance</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/human-resources-platform-illustration-sh-1772536829975-a0919a4e.png" alt="HR system" className="w-full h-64 object-cover" />
|
||||
<div className="p-6">
|
||||
<h3 className="text-xl font-semibold mb-2">HR Management System</h3>
|
||||
<p className="text-gray-600">Human Resources</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/legal-services-platform-showing-law-firm-1772536830626-e5e66c56.png" alt="Legal platform" className="w-full h-64 object-cover" />
|
||||
<div className="p-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Legal Services Platform</h3>
|
||||
<p className="text-gray-600">Legal Tech</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/startup-solution-platform-showing-modern-1772536829727-82b44a37.png" alt="Startup solution" className="w-full h-64 object-cover" />
|
||||
<div className="p-6">
|
||||
<h3 className="text-xl font-semibold mb-2">Startup Solution Suite</h3>
|
||||
<p className="text-gray-600">Startup</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
|
||||
Reference in New Issue
Block a user