bender/11be3316-e125-4ff6-85ed-2ced107e0b84
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Switch to version 3: modified src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 09:55:54 +00:00
parent f9b1176061
commit 570431daae
1 changed files with 2 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/app/page.tsx
View File

@@ -10,15 +10,10 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
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, Mail, Users } from "lucide-react";
import { useState } from "react";
import { Zap, Heart, Rocket, Lightbulb, Star, TrendingUp, Workflow, MessageCircle } from "lucide-react";
export default function HomePage() {
const [bookingFormData, setBookingFormData] = useState({
email: "", fullName: "", phoneNumber: ""});
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
@@ -27,12 +22,6 @@ export default function HomePage() {
{ 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"
@@ -124,7 +113,7 @@ export default function HomePage() {
},
{
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=1", 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,
@@ -147,83 +136,6 @@ 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?_wi=2", 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."