Merge version_4 into main #11
@@ -4,9 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Heart, Workflow } from "lucide-react";
|
||||
import { Heart, Workflow, Users } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
@@ -58,6 +59,24 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Lucas Pereira", role: "Lead Designer & Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png", imageAlt: "Lucas Pereira"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
title="Meet Our Team"
|
||||
description="The talented people behind our success"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Team"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardNine
|
||||
title="Our Values & Culture"
|
||||
@@ -69,23 +88,29 @@ export default function AboutPage() {
|
||||
{
|
||||
id: 1,
|
||||
title: "Innovation First", description: "We stay ahead of industry trends and continuously explore new technologies and methodologies to deliver cutting-edge solutions that keep our clients competitive.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=2", imageAlt: "Innovation in design"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=2", imageAlt: "Innovation in design"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=3", imageAlt: "Innovation in development"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=3", imageAlt: "Innovation in development"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Client-Centric Approach", description: "Your success is our success. We listen deeply, understand your vision, and work collaboratively to ensure every project exceeds expectations and delivers measurable results.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=3", imageAlt: "Client collaboration"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=3", imageAlt: "Client collaboration"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-diverse-team-of-creative-professionals-1772527369837-abebcb83.png?_wi=3", imageAlt: "Team partnership"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-diverse-team-of-creative-professionals-1772527369837-abebcb83.png?_wi=3", imageAlt: "Team partnership"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Quality & Excellence", description: "We maintain the highest standards in every aspect of our work. From design to development to deployment, we're committed to delivering excellence every single time.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=3", imageAlt: "Quality code"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=3", imageAlt: "Quality code"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=2", imageAlt: "Successful delivery"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=2", imageAlt: "Successful delivery"
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
|
||||
@@ -4,8 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const [bookingFormData, setBookingFormData] = useState({
|
||||
email: "", fullName: "", phoneNumber: ""});
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
@@ -14,6 +18,12 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const handleBookingSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log("Booking submitted:", bookingFormData);
|
||||
setBookingFormData({ email: "", fullName: "", phoneNumber: "" });
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -47,11 +57,70 @@ export default function ContactPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Email Us", href: "mailto:hello@pulsedigital.com" },
|
||||
{ text: "Schedule a Call", href: "#" },
|
||||
{ text: "Schedule a Call", href: "#booking" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking" className="py-20 bg-gradient-to-b from-background to-card">
|
||||
<div className="container mx-auto px-4 max-w-2xl">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-4xl font-bold text-foreground mb-4">Schedule a Consultation</h2>
|
||||
<p className="text-lg text-foreground/80">Book a meeting with our team to discuss your project</p>
|
||||
</div>
|
||||
<form onSubmit={handleBookingSubmit} className="bg-card rounded-lg p-8 shadow-lg border border-accent/20">
|
||||
<div className="mb-6">
|
||||
<label htmlFor="fullName" className="block text-sm font-medium text-foreground mb-2">
|
||||
Full Name *
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="fullName"
|
||||
required
|
||||
value={bookingFormData.fullName}
|
||||
onChange={(e) => setBookingFormData({ ...bookingFormData, fullName: e.target.value })}
|
||||
placeholder="Your full name"
|
||||
className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-6">
|
||||
<label htmlFor="email" className="block text-sm font-medium text-foreground mb-2">
|
||||
Email Address *
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
required
|
||||
value={bookingFormData.email}
|
||||
onChange={(e) => setBookingFormData({ ...bookingFormData, email: e.target.value })}
|
||||
placeholder="your.email@example.com"
|
||||
className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-6">
|
||||
<label htmlFor="phoneNumber" className="block text-sm font-medium text-foreground mb-2">
|
||||
Phone Number *
|
||||
</label>
|
||||
<input
|
||||
type="tel"
|
||||
id="phoneNumber"
|
||||
required
|
||||
value={bookingFormData.phoneNumber}
|
||||
onChange={(e) => setBookingFormData({ ...bookingFormData, phoneNumber: e.target.value })}
|
||||
placeholder="+1 (555) 000-0000"
|
||||
className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full bg-primary-cta text-primary-cta-text font-semibold py-3 rounded-lg hover:opacity-90 transition-opacity"
|
||||
>
|
||||
Schedule Consultation
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Pulse Digital"
|
||||
|
||||
172
src/app/page.tsx
172
src/app/page.tsx
@@ -8,13 +8,17 @@ import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||
import Link from "next/link";
|
||||
import { Zap, Heart, Rocket, Lightbulb, Star, TrendingUp, Workflow, MessageCircle, Users } from "lucide-react";
|
||||
import { Zap, Heart, Rocket, Lightbulb, Star, TrendingUp, Workflow, MessageCircle, Mail, Users } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function HomePage() {
|
||||
const [bookingFormData, setBookingFormData] = useState({
|
||||
email: "", fullName: "", phoneNumber: ""});
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
@@ -23,16 +27,11 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const teamMembers = [
|
||||
{
|
||||
id: "1", name: "You", role: "Founder", imageSrc: "https://via.placeholder.com/400x400?text=Your+Photo", imageAlt: "Your professional photo"},
|
||||
{
|
||||
id: "2", name: "Team Member 1", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-fem-1772527369324-28809a03.png?_wi=1", imageAlt: "Designer"},
|
||||
{
|
||||
id: "3", name: "Team Member 2", role: "Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png?_wi=1", imageAlt: "Developer"},
|
||||
{
|
||||
id: "4", name: "Team Member 3", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-young-female--1772527369938-37ff44ff.png?_wi=1", imageAlt: "Project Manager"},
|
||||
];
|
||||
const handleBookingSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log("Booking submitted:", bookingFormData);
|
||||
setBookingFormData({ email: "", fullName: "", phoneNumber: "" });
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -99,11 +98,11 @@ export default function HomePage() {
|
||||
<MetricCardEleven
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "150+", title: "Projects Delivered", description: "Successfully completed for diverse industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=1", imageAlt: "Client logos collection"},
|
||||
id: "1", value: "150+", title: "Projects Delivered", description: "Successfully completed for diverse industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=1", imageAlt: "Client logos collection"
|
||||
},
|
||||
{
|
||||
id: "2", value: "95%", title: "Client Satisfaction", description: "Consistently exceeding expectations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=2", imageAlt: "Client testimonials"},
|
||||
{
|
||||
id: "3", value: "5 Years", title: "Industry Experience", description: "Building digital excellence since 2019", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=3", imageAlt: "Experience badge"},
|
||||
id: "2", value: "95%", title: "Client Satisfaction", description: "Consistently exceeding expectations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=2", imageAlt: "Client testimonials"
|
||||
}
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven results and client success stories that speak for themselves"
|
||||
@@ -116,73 +115,25 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
members={teamMembers}
|
||||
title="Meet Our Team"
|
||||
description="Meet the talented professionals behind Pulse Digital who bring your vision to life"
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<FeatureCardNine
|
||||
title="Our Capabilities"
|
||||
description="Comprehensive digital solutions tailored to transform your business"
|
||||
tag="What We Deliver"
|
||||
tagIcon={Lightbulb}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Design & UX", description: "Stunning, user-centric website designs that captivate your audience and drive engagement. We blend aesthetics with functionality to create digital experiences that stand out.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=1", imageAlt: "Web design process"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=1", imageAlt: "Branding elements"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Development & Performance", description: "Robust, scalable websites built with modern technologies. From responsive design to seamless backend integration, we ensure your website performs flawlessly across all devices.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=1", imageAlt: "Development code"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=2", imageAlt: "Design implementation"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Strategy & Innovation", description: "Strategic solutions that establish your unique market position and drive results. We combine creative thinking with data-driven insights to deliver measurable impact.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=2", imageAlt: "Brand guidelines"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=2", imageAlt: "Strategy implementation"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", handle: "@sarahmitchell", testimonial: "Pulse Digital transformed our online presence. The website they built not only looks stunning but has increased our sales by 40%. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-fem-1772527369324-28809a03.png?_wi=2", imageAlt: "Sarah Mitchell, CEO"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-fem-1772527369324-28809a03.png", imageAlt: "Sarah Mitchell, CEO"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Chen", handle: "@jameschen", testimonial: "Working with Pulse Digital was seamless. They understood our vision, delivered on time, and provided excellent support throughout the project.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png?_wi=2", imageAlt: "James Chen, Founder"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png", imageAlt: "James Chen, Founder"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial: "The team at Pulse Digital is incredibly talented and professional. They took our outdated website and created something truly exceptional.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-young-female--1772527369938-37ff44ff.png?_wi=2", imageAlt: "Emily Rodriguez, Marketing Director"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-young-female--1772527369938-37ff44ff.png", imageAlt: "Emily Rodriguez, Marketing Director"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Park", handle: "@davidpark", testimonial: "From initial consultation to launch, Pulse Digital was exceptional. Our new website has become a powerful business tool.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527370017-a9558657.png", imageAlt: "David Park, Business Owner"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527370017-a9558657.png", imageAlt: "David Park, Business Owner"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Clients Say"
|
||||
@@ -196,6 +147,83 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Lucas Pereira", role: "Lead Designer & Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png", imageAlt: "Lucas Pereira"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
title="Meet Our Team"
|
||||
description="The talented people behind our success"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Team"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking" className="py-20 bg-gradient-to-b from-background to-card">
|
||||
<div className="container mx-auto px-4 max-w-2xl">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-4xl font-bold text-foreground mb-4">Schedule a Consultation</h2>
|
||||
<p className="text-lg text-foreground/80">Book a meeting with our team to discuss your project</p>
|
||||
</div>
|
||||
<form onSubmit={handleBookingSubmit} className="bg-card rounded-lg p-8 shadow-lg border border-accent/20">
|
||||
<div className="mb-6">
|
||||
<label htmlFor="fullName" className="block text-sm font-medium text-foreground mb-2">
|
||||
Full Name *
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
id="fullName"
|
||||
required
|
||||
value={bookingFormData.fullName}
|
||||
onChange={(e) => setBookingFormData({ ...bookingFormData, fullName: e.target.value })}
|
||||
placeholder="Your full name"
|
||||
className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-6">
|
||||
<label htmlFor="email" className="block text-sm font-medium text-foreground mb-2">
|
||||
Email Address *
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
required
|
||||
value={bookingFormData.email}
|
||||
onChange={(e) => setBookingFormData({ ...bookingFormData, email: e.target.value })}
|
||||
placeholder="your.email@example.com"
|
||||
className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-6">
|
||||
<label htmlFor="phoneNumber" className="block text-sm font-medium text-foreground mb-2">
|
||||
Phone Number *
|
||||
</label>
|
||||
<input
|
||||
type="tel"
|
||||
id="phoneNumber"
|
||||
required
|
||||
value={bookingFormData.phoneNumber}
|
||||
onChange={(e) => setBookingFormData({ ...bookingFormData, phoneNumber: e.target.value })}
|
||||
placeholder="+1 (555) 000-0000"
|
||||
className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
type="submit"
|
||||
className="w-full bg-primary-cta text-primary-cta-text font-semibold py-3 rounded-lg hover:opacity-90 transition-opacity"
|
||||
>
|
||||
Schedule Consultation
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to bring your digital vision to life? Let's work together to create something extraordinary."
|
||||
|
||||
@@ -51,11 +51,14 @@ export default function PortfolioPage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "E-Commerce Platform", price: "Fashion Retail", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/elegant-e-commerce-website-showcasing-pr-1772527371484-13167c37.png", imageAlt: "E-commerce website for fashion brand"},
|
||||
id: "1", name: "E-Commerce Platform", price: "Fashion Retail", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/elegant-e-commerce-website-showcasing-pr-1772527371484-13167c37.png", imageAlt: "E-commerce website for fashion brand"
|
||||
},
|
||||
{
|
||||
id: "2", name: "SaaS Dashboard", price: "Tech Startup", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/tech-startup-website-with-bold-typograph-1772527372167-1a200ecf.png", imageAlt: "SaaS platform dashboard interface"},
|
||||
id: "2", name: "SaaS Dashboard", price: "Tech Startup", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/tech-startup-website-with-bold-typograph-1772527372167-1a200ecf.png", imageAlt: "SaaS platform dashboard interface"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Creative Agency Site", price: "Design Studio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/creative-agency-portfolio-website-displa-1772527398757-8b9657e8.png", imageAlt: "Creative agency portfolio website"},
|
||||
id: "3", name: "Creative Agency Site", price: "Design Studio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/creative-agency-portfolio-website-displa-1772527398757-8b9657e8.png", imageAlt: "Creative agency portfolio website"
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -75,23 +78,29 @@ export default function PortfolioPage() {
|
||||
{
|
||||
id: 1,
|
||||
title: "Strategy & Discovery", description: "We start by understanding your business goals, target audience, and competitive landscape. Through research and discovery, we create a solid foundation for your project.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=1", imageAlt: "Strategy planning"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=1", imageAlt: "Strategy planning"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=2", imageAlt: "Discovery process"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=2", imageAlt: "Discovery process"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Design & Development", description: "Our team crafts beautiful designs and builds robust websites. We focus on user experience, performance, and scalability to ensure your site exceeds expectations.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=1", imageAlt: "Design process"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=1", imageAlt: "Design process"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=1", imageAlt: "Development phase"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=1", imageAlt: "Development phase"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Testing & Launch", description: "Rigorous testing ensures everything works perfectly. After final refinements, we launch your website with ongoing support to keep it running smoothly.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=2", imageAlt: "Testing phase"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=2", imageAlt: "Testing phase"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=1", imageAlt: "Launch celebration"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=1", imageAlt: "Launch celebration"
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
|
||||
@@ -52,23 +52,29 @@ export default function ServicesPage() {
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Design", description: "Stunning, user-centric website designs that captivate your audience and drive engagement. We blend aesthetics with functionality to create digital experiences that stand out.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=1", imageAlt: "Web design process"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=1", imageAlt: "Web design process"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=1", imageAlt: "Branding elements"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=1", imageAlt: "Branding elements"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Web Development", description: "Robust, scalable websites built with modern technologies. From responsive design to seamless backend integration, we ensure your website performs flawlessly across all devices.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=1", imageAlt: "Development code"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=1", imageAlt: "Development code"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=2", imageAlt: "Design implementation"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=2", imageAlt: "Design implementation"
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Branding & Strategy", description: "Strategic branding solutions that establish your unique market position. We create cohesive visual identities that resonate with your target audience.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=2", imageAlt: "Brand guidelines"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=2", imageAlt: "Brand guidelines"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=2", imageAlt: "Strategy implementation"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=2", imageAlt: "Strategy implementation"
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
|
||||
Reference in New Issue
Block a user