first commit

src/app/page.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image";
 import type { Metadata } from 'next'
 import Header from "@/components/Layout/Header";
 import Footer from "@/components/Layout/Footer";

src/components/Home/HeroSection.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ArrowRight, Cloud, Database, Code, Gift } from 'lucide-react';
+import { ArrowRight } from 'lucide-react';
 
 const HeroSection = () => {
   return (

src/components/Home/PublicCloudInfoSection.tsx

@@ -51,7 +51,7 @@ const PublicCloudInfoSection = () => {
               High availability, simplicity, flexibility, and reversibility
             </h3>
             <p className="text-gray-700 leading-relaxed">
-              Our <strong className="text-blue-600">Public Cloud is hosted in our datacentres</strong>, on servers assembled by our team. This empowers us to improve our performance and maintain control over our production chain, from manufacturing to launch. Public Cloud is easy to use, so feel free to manage it however you want. You can adapt it to your specific needs, thanks to its flexibility. What's more, because we use standard APIs, your data is reversible. Lastly, our cloud is also interoperable.
+              Our <strong className="text-blue-600">Public Cloud is hosted in our datacentres</strong>, on servers assembled by our team. This empowers us to improve our performance and maintain control over our production chain, from manufacturing to launch. Public Cloud is easy to use, so feel free to manage it however you want. You can adapt it to your specific needs, thanks to its flexibility. What&apos;s more, because we use standard APIs, your data is reversible. Lastly, our cloud is also interoperable.
             </p>
           </div>
         </div>
@@ -64,7 +64,7 @@ const PublicCloudInfoSection = () => {
               How does Public Cloud work?
             </h3>
             <p className="text-gray-700 leading-relaxed">
-              Public cloud is a model for deploying <strong className="text-blue-600">cloud computing services</strong>. Everything is shared—including resources, such as computing power or storage, as well as the physical infrastructure that supports them. Unlike the private cloud, where all physical resources are dedicated to each customer, they are shared between the provider's users in the public cloud.
+              Public cloud is a model for deploying <strong className="text-blue-600">cloud computing services</strong>. Everything is shared—including resources, such as computing power or storage, as well as the physical infrastructure that supports them. Unlike the private cloud, where all physical resources are dedicated to each customer, they are shared between the provider&apos;s users in the public cloud.
             </p>
           </div>
           
@@ -74,7 +74,7 @@ const PublicCloudInfoSection = () => {
               Who maintains the infrastructure?
             </h3>
             <p className="text-gray-700 leading-relaxed">
-              Like other types of cloud solutions, 3engines maintains the physical servers and network, and manages the virtualisation layer. This means we can manage resource allocation, and ensure that our customers' services are isolated. Automation is one of the cornerstones of Public Cloud. You can deploy instances (virtual machines) in a datacentre of your choice, via the 3engines Control Panel or API, with guaranteed resources in terms of storage capacity and computing power.
+              Like other types of cloud solutions, 3engines maintains the physical servers and network, and manages the virtualisation layer. This means we can manage resource allocation, and ensure that our customers&apos; services are isolated. Automation is one of the cornerstones of Public Cloud. You can deploy instances (virtual machines) in a datacentre of your choice, via the 3engines Control Panel or API, with guaranteed resources in terms of storage capacity and computing power.
             </p>
           </div>
           
@@ -84,7 +84,7 @@ const PublicCloudInfoSection = () => {
               Where is 3engines Public Cloud deployed?
             </h3>
             <p className="text-gray-700 leading-relaxed">
-              You can find all of 3engines's infrastructure locations in India.
+              You can find all of 3engines&apos;s infrastructure locations in India.
             </p>
           </div>
         </div>

src/components/Home/ServicesSection.tsx

@@ -16,7 +16,6 @@ import {
   Monitor,
   Cpu,
   Globe,
-  Lock
 } from 'lucide-react';
 
 interface Service {

src/components/Layout/Footer.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import Image from 'next/image';
 import Link from 'next/link';
 
 const Footer = () => {
@@ -8,7 +9,7 @@ const Footer = () => {
         {/* Logo Section */}
         <div className="mb-8">
           <div className="flex items-center mb-4">
-            <img 
+            <Image 
               src="/images/logo-white.svg" 
               alt="3engine Logo" 
               className="h-12 w-auto"

src/components/Layout/Header.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import Image from 'next/image';
 import Link from 'next/link';
 
 const Header = () => {
@@ -10,7 +11,7 @@ const Header = () => {
           <div className="flex items-center space-x-8">
             {/* Logo */}
             <Link href="/" className="flex items-center">
-              <img 
+              <Image 
                 src="/images/logo-splash.svg" 
                 alt="3engine Logo" 
                 className="h-12 w-auto"