Changes

app/layout.tsx

@@ -7,8 +7,8 @@ import { ThemeProvider } from "./provider";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Adrian's Portfolio",
-  description: "Modern & Minimal JS Mastery Portfolio",
+  title: "DigiNext",
+  description: "Software Solutions Company",
 };
 
 export default function RootLayout({

components/Experience.tsx

@@ -5,9 +5,10 @@ import { Button } from "./ui/MovingBorders";
 
 const Experience = () => {
   return (
+    <section id="workExperience">
     <div className="py-20 w-full">
       <h1 className="heading">
-        My <span className="text-purple">work experience</span>
+        Our <span className="text-purple">Servics</span>
       </h1>
 
       <div className="w-full mt-12 grid lg:grid-cols-4 grid-cols-1 gap-10">
@@ -48,6 +49,7 @@ const Experience = () => {
         ))}
       </div>
     </div>
+    </section>
   );
 };
 

components/Footer.tsx

@@ -21,10 +21,10 @@ const Footer = () => {
           presence to the next level?
         </h1>
         <p className="text-white-200 md:mt-10 my-5 text-center">
-          Reach out to me today and let&apos;s discuss how I can help you
-          achieve your goals.
+          Reach out to us today and let&apos;s discuss how we can help you
+          achieve your <span className="text-purple">goals</span>.
         </p>
-        <a href="mailto:[email protected]">
+        <a href="mailto:[email protected]">
           <MagicButton
             title="Let's get in touch"
             icon={<FaLocationArrow />}
@@ -34,7 +34,7 @@ const Footer = () => {
       </div>
       <div className="flex mt-16 md:flex-row flex-col justify-between items-center">
         <p className="md:text-base text-sm md:font-normal font-light">
-          Copyright © 2024 Adrian Hajdin
+          Copyright © 2024 <span className="text-purple">DigiNext</span>
         </p>
 
         <div className="flex items-center md:gap-3 gap-6">

components/Hero.tsx

@@ -43,7 +43,7 @@ const Hero = () => {
       <div className="flex justify-center relative my-20 z-10">
         <div className="max-w-[89vw] md:max-w-2xl lg:max-w-[60vw] flex flex-col items-center justify-center">
           <p className="uppercase tracking-widest text-xs text-center text-blue-100 max-w-80">
-            Dynamic Web Magic with Next.js
+            Software Development Consultation
           </p>
 
           {/**
@@ -52,17 +52,17 @@ const Hero = () => {
            *  change md:text-6xl, add more responsive code
            */}
           <TextGenerateEffect
-            words="Transforming Concepts into Seamless User Experiences"
+            words="Welcome to DigiNext"
             className="text-center text-[40px] md:text-5xl lg:text-6xl"
           />
 
           <p className="text-center md:tracking-wider mb-4 text-sm md:text-lg lg:text-2xl">
-            Hi! I&apos;m Adrian, a Next.js Developer based in Croatia.
+            Cape Town's leading partner in software development.
           </p>
 
-          <a href="#about">
+          <a href="#workExperience">
             <MagicButton
-              title="Show my work"
+              title="Explore Our Services"
               icon={<FaLocationArrow />}
               position="right"
             />

components/RecentProjects.tsx

@@ -7,6 +7,7 @@ import { PinContainer } from "./ui/Pin";
 
 const RecentProjects = () => {
   return (
+    <section id="projects">
     <div className="py-20">
       <h1 className="heading">
         A small selection of{" "}
@@ -19,8 +20,7 @@ const RecentProjects = () => {
             key={item.id}
           >
             <PinContainer
-              title="/ui.aceternity.com"
-              href="https://twitter.com/mannupaaji"
+              title={item.title}
             >
               <div className="relative flex items-center justify-center sm:w-96 w-[80vw] overflow-hidden h-[20vh] lg:h-[30vh] mb-10">
                 <div
@@ -67,7 +67,7 @@ const RecentProjects = () => {
 
                 <div className="flex justify-center items-center">
                   <p className="flex lg:text-xl md:text-xs text-sm text-purple">
-                    Check Live Site
+                    <a href={item.link}>Check Live Site </a>
                   </p>
                   <FaLocationArrow className="ms-3" color="#CBACF9" />
                 </div>
@@ -77,6 +77,7 @@ const RecentProjects = () => {
         ))}
       </div>
     </div>
+    </section>
   );
 };
 

components/ui/BentoGrid.tsx

@@ -37,6 +37,7 @@ export const BentoGridItem = ({
   id,
   title,
   description,
+  link,
   //   remove unecessary things here
   img,
   imgClassName,
@@ -51,9 +52,10 @@ export const BentoGridItem = ({
   imgClassName?: string;
   titleClassName?: string;
   spareImg?: string;
+  link?: string;
 }) => {
-  const leftLists = ["ReactJS", "Express", "Typescript"];
-  const rightLists = ["VueJS", "NuxtJS", "GraphQL"];
+  const leftLists = ["ReactJS", "Express", "JavaScpt"];
+  const rightLists = ["VueJS", "NextJS", "mySQL"];
 
   const [copied, setCopied] = useState(false);
 

components/ui/InfiniteCards.tsx

@@ -116,7 +116,7 @@ export const InfiniteMovingCards = ({
               <div className="relative z-20 mt-6 flex flex-row items-center">
                 {/* add this div for the profile img */}
                 <div className="me-3">
-                  <img src="/profile.svg" alt="profile" />
+                  {/*<img src="/profile.svg" alt="profile" />*/}
                 </div>
                 <span className="flex flex-col gap-1">
                   {/* change text color, font-normal to font-bold, text-xl */}

components/ui/Pin.tsx

@@ -10,12 +10,14 @@ export const PinContainer = ({
   href,
   className,
   containerClassName,
+  link,
 }: {
   children: React.ReactNode;
   title?: string;
   href?: string;
   className?: string;
   containerClassName?: string;
+  link?: string;
 }) => {
   const [transform, setTransform] = useState(
     "translate(-50%,-50%) rotateX(0deg)"
@@ -62,9 +64,11 @@ export const PinContainer = ({
 export const PinPerspective = ({
   title,
   href,
+
 }: {
   title?: string;
   href?: string;
+
 }) => {
   return (
     // change w-96 to w-full

data/index.ts

@@ -3,12 +3,13 @@ export const navItems = [
   { name: "Projects", link: "#projects" },
   { name: "Testimonials", link: "#testimonials" },
   { name: "Contact", link: "#contact" },
+  { name: "Services", link: "#workExperience"}
 ];
 
 export const gridItems = [
   {
     id: 1,
-    title: "I prioritize client collaboration, fostering open communication ",
+    title: "We prioritize client collaboration, fostering open communication ",
     description: "",
     className: "lg:col-span-3 md:col-span-6 md:row-span-4 lg:min-h-[60vh]",
     imgClassName: "w-full h-full",
@@ -18,7 +19,7 @@ export const gridItems = [
   },
   {
     id: 2,
-    title: "I'm very flexible with time zone communications",
+    title: "We are very flexible with time zone communications",
     description: "",
     className: "lg:col-span-2 md:col-span-3 md:row-span-2",
     imgClassName: "",
@@ -28,8 +29,8 @@ export const gridItems = [
   },
   {
     id: 3,
-    title: "My tech stack",
-    description: "I constantly try to improve",
+    title: "Our tech stack",
+    description: "",
     className: "lg:col-span-2 md:col-span-3 md:row-span-2",
     imgClassName: "",
     titleClassName: "justify-center",
@@ -49,7 +50,7 @@ export const gridItems = [
 
   {
     id: 5,
-    title: "Currently building a JS Animation library",
+    title: "Scroll down to our current project section ",
     description: "The Inside Scoop",
     className: "md:col-span-3 md:row-span-2",
     imgClassName: "absolute right-0 bottom-0 md:w-96 w-60",
@@ -76,63 +77,63 @@ export const projects = [
     des: "Explore the wonders of our solar system with this captivating 3D simulation of the planets using Three.js.",
     img: "/p1.svg",
     iconLists: ["/re.svg", "/tail.svg", "/ts.svg", "/three.svg", "/fm.svg"],
-    link: "/ui.earth.com",
+    link: "#",
   },
   {
     id: 2,
     title: "Yoom - Video Conferencing App",
     des: "Simplify your video conferencing experience with Yoom. Seamlessly connect with colleagues and friends.",
     img: "/p2.svg",
     iconLists: ["/next.svg", "/tail.svg", "/ts.svg", "/stream.svg", "/c.svg"],
-    link: "/ui.yoom.com",
+    link: "#",
   },
   {
     id: 3,
     title: "AI Image SaaS - Canva Application",
     des: "A REAL Software-as-a-Service app with AI features and a payments and credits system using the latest tech stack.",
     img: "/p3.svg",
     iconLists: ["/re.svg", "/tail.svg", "/ts.svg", "/three.svg", "/c.svg"],
-    link: "/ui.aiimg.com",
+    link: "#",
   },
   {
     id: 4,
     title: "Animated Apple Iphone 3D Website",
     des: "Recreated the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects..",
     img: "/p4.svg",
     iconLists: ["/next.svg", "/tail.svg", "/ts.svg", "/three.svg", "/gsap.svg"],
-    link: "/ui.apple.com",
+    link: "#",
   },
 ];
 
 export const testimonials = [
   {
     quote:
-      "Collaborating with Adrian was an absolute pleasure. His professionalism, promptness, and dedication to delivering exceptional results were evident throughout our project. Adrian's enthusiasm for every facet of development truly stands out. If you're seeking to elevate your website and elevate your brand, Adrian is the ideal partner.",
-    name: "Michael Johnson",
+      "Collaborating with DigiNext was an absolute pleasure. Their professionalism, promptness, and dedication to delivering exceptional results were evident throughout our project. DigiNext's enthusiasm for every facet of development truly stands out. If you're seeking to elevate your website and enhance your brand, DigiNext is the ideal partner.",
+    name: "~",
     title: "Director of AlphaStream Technologies",
   },
   {
     quote:
-      "Collaborating with Adrian was an absolute pleasure. His professionalism, promptness, and dedication to delivering exceptional results were evident throughout our project. Adrian's enthusiasm for every facet of development truly stands out. If you're seeking to elevate your website and elevate your brand, Adrian is the ideal partner.",
-    name: "Michael Johnson",
+      "Working with DigiNext exceeded our expectations. Their attention to detail, technical expertise, and commitment to quality made our project a success. They took the time to understand our vision and delivered a product that perfectly matched our needs. We highly recommend DigiNext for any software development needs.",
+    name: "~",
     title: "Director of AlphaStream Technologies",
   },
   {
     quote:
-      "Collaborating with Adrian was an absolute pleasure. His professionalism, promptness, and dedication to delivering exceptional results were evident throughout our project. Adrian's enthusiasm for every facet of development truly stands out. If you're seeking to elevate your website and elevate your brand, Adrian is the ideal partner.",
-    name: "Michael Johnson",
+      "DigiNext brought our ideas to life with precision and creativity. Their team was incredibly responsive and ensured that every aspect of the project was handled professionally. The end result was a beautifully designed and highly functional platform that has already received positive feedback from our users",
+    name: "~",
     title: "Director of AlphaStream Technologies",
   },
   {
     quote:
-      "Collaborating with Adrian was an absolute pleasure. His professionalism, promptness, and dedication to delivering exceptional results were evident throughout our project. Adrian's enthusiasm for every facet of development truly stands out. If you're seeking to elevate your website and elevate your brand, Adrian is the ideal partner.",
-    name: "Michael Johnson",
+      "The team at DigiNext was a true partner in our project. Their dedication to our goals, combined with their deep technical knowledge, made the development process smooth and efficient. DigiNext delivered on time and within budget, exceeding our expectations at every step.",
+    name: "~",
     title: "Director of AlphaStream Technologies",
   },
   {
     quote:
-      "Collaborating with Adrian was an absolute pleasure. His professionalism, promptness, and dedication to delivering exceptional results were evident throughout our project. Adrian's enthusiasm for every facet of development truly stands out. If you're seeking to elevate your website and elevate your brand, Adrian is the ideal partner.",
-    name: "Michael Johnson",
+      "DigiNext’s expertise in software development is unmatched. They were able to tackle complex challenges with ease, providing innovative solutions that set our project apart. Their collaborative approach and clear communication made working with them a breeze. We're thrilled with the results!",
+    name: "~",
     title: "Director of AlphaStream Technologies",
   },
 ];
@@ -173,32 +174,20 @@ export const companies = [
 export const workExperience = [
   {
     id: 1,
-    title: "Frontend Engineer Intern",
-    desc: "Assisted in the development of a web-based platform using React.js, enhancing interactivity.",
+    title: "Web Application Development",
+    desc: "Our web application development service focuses on delivering robust, scalable, and user-friendly solutions. We build custom web applications that enhance user engagement, streamline business processes, and drive growth. Whether you need a simple website or a complex enterprise system, our team is equipped to create powerful, secure, and responsive web applications that perform seamlessly across all devices.",
     className: "md:col-span-2",
     thumbnail: "/exp1.svg",
   },
   {
     id: 2,
-    title: "Mobile App Dev - JSM Tech",
-    desc: "Designed and developed mobile app for both iOS & Android platforms using React Native.",
+    title: "Mobile Application Development",
+    desc: "Our mobile application development service is designed to bring your ideas to life on mobile platforms. We create intuitive, high-performance mobile apps for iOS and Android that offer a seamless user experience. From concept to deployment, we ensure that your app not only looks great but also functions flawlessly, providing your users with a valuable and engaging mobile experience. Whether it's a standalone app or an extension of your web platform, we deliver mobile solutions that help your business thrive in the digital age.",
     className: "md:col-span-2", // change to md:col-span-2
     thumbnail: "/exp2.svg",
   },
-  {
-    id: 3,
-    title: "Freelance App Dev Project",
-    desc: "Led the dev of a mobile app for a client, from initial concept to deployment on app stores.",
-    className: "md:col-span-2", // change to md:col-span-2
-    thumbnail: "/exp3.svg",
-  },
-  {
-    id: 4,
-    title: "Lead Frontend Developer",
-    desc: "Developed and maintained user-facing features using modern frontend technologies.",
-    className: "md:col-span-2",
-    thumbnail: "/exp4.svg",
-  },
+
+
 ];
 
 export const socialMedia = [