Merge version_7 into main

Merge version_7 into main

registry/components/HeroSplitKpi.json

@@ -17,7 +17,7 @@
       },
       "tag": {
         "required": false,
-        "example": "Trusted by 150+ Brands",
+        "example": "Trusted by 50+ Brands",
         "minChars": 2,
         "maxChars": 30
       }

registry/components/TestimonialCardTen.json

@@ -43,7 +43,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Mitchell",
+        "example": "Lucas Pereira ",
         "minChars": 2,
         "maxChars": 50
       },
@@ -65,7 +65,7 @@
       },
       "imageAlt": {
         "required": false,
-        "example": "Sarah Mitchell headshot",
+        "example": "Lucas Pereira  headshot",
         "note": "Alt text for images"
       },
       "videoAriaLabel": {
@@ -90,7 +90,7 @@
     "ariaLabel?": "string (default: 'Testimonials section')",
     "className?": "string"
   },
-  "usageExample": "<TestimonialCardTen testimonials={[{ id: '1', title: 'Personalized AI, redefined with Mindex', quote: 'Working with this AI has been a game changer! It feels like the system really listens and adapts to what I need.', name: 'Sarah Mitchell', role: 'CEO of BrightPath Solutions', imageSrc: '/images/testimonial1.webp', imageAlt: 'Sarah Mitchell' }]} title=\"Trusted by industry leaders\" description=\"See what our customers have to say\" textboxLayout=\"default\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardTen testimonials={[{ id: '1', title: 'Personalized AI, redefined with Mindex', quote: 'Working with this AI has been a game changer! It feels like the system really listens and adapts to what I need.', name: 'Lucas Pereira ', role: 'CEO of BrightPath Solutions', imageSrc: '/images/testimonial1.webp', imageAlt: 'Lucas Pereira ' }]} title=\"Trusted by industry leaders\" description=\"See what our customers have to say\" textboxLayout=\"default\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/TestimonialCardTwo.json

@@ -31,7 +31,7 @@
       },
       "name": {
         "required": true,
-        "example": "Sarah Mitchell",
+        "example": "Lucas Pereira ",
         "minChars": 2,
         "maxChars": 50,
         "note": "Customer name"
@@ -57,7 +57,7 @@
       },
       "imageAlt": {
         "required": false,
-        "example": "Portrait of Sarah Mitchell",
+        "example": "Portrait of Lucas Pereira ",
         "note": "Alt text for image (defaults to customer name if not provided)"
       },
       "icon": {
@@ -85,7 +85,7 @@
     "ariaLabel?": "string (default: 'Testimonials section')",
     "className?": "string"
   },
-  "usageExample": "<TestimonialCardTwo testimonials={[{ id: '1', name: 'Sarah Mitchell', role: 'Director of Operations', testimonial: 'The attention to detail and commitment to excellence was outstanding.', icon: Package }]} title=\"Customer Reviews\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
+  "usageExample": "<TestimonialCardTwo testimonials={[{ id: '1', name: 'Lucas Pereira ', role: 'Director of Operations', testimonial: 'The attention to detail and commitment to excellence was outstanding.', icon: Package }]} title=\"Customer Reviews\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
   "do": [
     "Use for social proof",
     "Use for customer reviews",

src/app/about/page.tsx

@@ -4,10 +4,9 @@ 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, Users } from "lucide-react";
+import { Heart, Workflow } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -59,24 +58,6 @@ 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?_wi=3",              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"
@@ -164,4 +145,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -4,12 +4,8 @@ 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" },
@@ -18,12 +14,6 @@ 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"
@@ -57,70 +47,11 @@ export default function ContactPage() {
           useInvertedBackground={false}
           buttons={[
             { text: "Email Us", href: "mailto:hello@pulsedigital.com" },
-            { text: "Schedule a Call", href: "#booking" },
+            { text: "Schedule a Call", href: "#" },
           ]}
         />
       </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"
@@ -152,4 +83,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,42 +1,17 @@
 import type { Metadata } from "next";
-import { Archivo } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const archivo = Archivo({
-  variable: "--font-archivo",  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "Pulse Digital | Web Design & Development Agency",  description: "Professional web design and development services. We create beautiful, high-performing websites that drive business results. Trusted by 150+ companies.",  keywords: "web design, web development, digital agency, website design, web development company",  metadataBase: new URL("https://pulsedigital.com"),
-  alternates: {
-    canonical: "https://pulsedigital.com"
-  },
-  openGraph: {
-    title: "Pulse Digital | Web Design & Development Agency",    description: "Transform your digital presence with stunning websites and strategic design solutions.",    siteName: "Pulse Digital",    type: "website",    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-modern-sleek-web-design-dashboard-inte-1772527372132-0a49fa86.png",        alt: "Pulse Digital - Web Design Agency"
-      }
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Pulse Digital | Web Design & Development",    description: "Professional web design and development services for modern businesses.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-modern-sleek-web-design-dashboard-inte-1772527372132-0a49fa86.png"],
-  },
-};
+  title: "Pulse Digital | Creative Web Solutions",  description: "We craft beautiful, high-performing websites that convert visitors into customers."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body className={`${archivo.variable} antialiased`}>
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1404,7 +1379,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -4,21 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroSplit from "@/components/sections/hero/HeroSplit";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-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 ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import TeamCardSix from "@/components/sections/team/TeamCardSix";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
 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, TrendingUp, Linkedin, Twitter } 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 +20,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"
@@ -72,7 +59,6 @@ export default function HomePage() {
           mediaAnimation="slide-up"
           buttons={[
             { text: "Start Your Project", href: "/contact" },
-            { text: "View Our Work", href: "/portfolio" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -98,7 +84,7 @@ 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: "50+",              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"
@@ -115,115 +101,28 @@ export default function HomePage() {
         />
       </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",              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=1",              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",              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"
-            }
-          ]}
-          showRating={true}
-          title="What Clients Say"
-          description="Real feedback from businesses we've helped succeed"
-          tag="Testimonials"
-          tagIcon={MessageCircle}
-          tagAnimation="slide-up"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
       <div id="team" data-section="team">
-        <TeamCardSix
+        <TeamCardTwo
           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"
+              id: "1",              name: "Lucas Pereira ",              role: "Founder and Head of Operations ",              description: "Former attendee to Harvard Univeristy Python Programming course .",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/uploaded-1772530998572-8l7ctc1z.jpg",              imageAlt: "Lucas Pereira , Founder and Head of Operations ",              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" }
+              ]
             }
           ]}
+          title="Meet Our Team"
+          description="Meet the talented professionals behind Pulse Digital's success"
+          tag="Our Team"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          textboxLayout="default"
           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}
+          useInvertedBackground={true}
         />
       </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."
@@ -268,4 +167,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -154,4 +154,4 @@ export default function PortfolioPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -128,4 +128,4 @@ export default function ServicesPage() {
       </div>
     </ThemeProvider>
   );
-}
+}