onwidget · FedCode · Dec 12, 2023
diff --git a/app/(pages)/about/page.tsx b/app/(pages)/about/page.tsx
@@ -14,9 +14,9 @@ const Page = () => {
   return (
     <>
       <Hero2 data={hero2Data} />
-      <Stats {...statsData} />
+      {/* <Stats {...statsData} /> */}
       <Features4 {...featuresData3} />
-      <FAQs {...faqsData} />
+      {/* <FAQs {...faqsData} /> */}
     </>
   );
 };

diff --git a/app/(pages)/pricing/page.tsx b/app/(pages)/pricing/page.tsx
@@ -12,9 +12,9 @@ export const metadata: Metadata = {
 const Page = () => {
   return (
     <>
-      <Pricing {...pricingData} />
-      <Comparison {...comparisonData} />
-      <FAQs3 {...faqs3Data} />
+      {/* <Pricing {...pricingData} /> */}
+      {/* <Comparison {...comparisonData} /> */}
+      {/* <FAQs3 {...faqs3Data} /> */}
     </>
   );
 };

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -4,7 +4,7 @@ import { SITE } from '~/config.js';
 
 import Providers from '~/components/atoms/Providers';
 import Header from '~/components/widgets/Header';
-import Announcement from '~/components/widgets/Announcement';
+// import Announcement from '~/components/widgets/Announcement';
 import Footer2 from '~/components/widgets/Footer2';
 
 import { Inter as CustomFont } from 'next/font/google';
@@ -33,7 +33,7 @@ export default function RootLayout({ children }: LayoutProps) {
       </head>
       <body className="bg-white tracking-tight text-gray-900 antialiased dark:bg-slate-900 dark:text-slate-300">
         <Providers>
-          <Announcement />
+          {/* <Announcement /> */}
           <Header />
           <main>{children}</main>
           <Footer2 />

diff --git a/app/page.tsx b/app/page.tsx
@@ -31,18 +31,21 @@ export const metadata: Metadata = {
 export default function Page() {
   return (
     <>
-      <Hero data={heroData} />
+      {
+        <Hero data={heroData} />
+      /* 
       <SocialProof {...socialProofData} />
       <Features3 {...featuresData} />
       <Content {...contentData} />
       <Content {...content2Data} />
-      <Steps />
+      <Steps /> */}
       <Testimonial />
-      <FAQs2 {...faqsData2} />
-      <Pricing {...pricingData} />
-      <Team />
-      <Contact />
-      <CallToAction2 {...callToActionData} />
+      {/* <FAQs2 {...faqsData2} /> */}
+      {/* <Pricing {...pricingData} /> */}
+      {/* <Team /> */}
+      {/* <Contact /> */}
+      {/* <CallToAction2 {...callToActionData} />  */}
+
     </>
   );
 }
diff --git a/next.config.js b/next.config.js
@@ -6,7 +6,7 @@ module.exports = {
 
   trailingSlash: SITE.trailingSlash,
   basePath: SITE.basePathname !== '/' ? SITE.basePathname : '',
-
+  output: "export",
   swcMinify: true,
   poweredByHeader: false,
   images: {
@@ -20,6 +20,11 @@ module.exports = {
         hostname: 'source.unsplash.com',
       },
     ],
+    domains: ['s3.amazonaws.com'],
+    unoptimized: true
   },
   experimental: { appDir: true },
+  env: {
+    s3_url: 'https://s3.amazonaws.com/codecracksolutions.com/' 
+  }
 };
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "next build && next export",
     "start": "next start",
     "lint": "next lint",
     "postbuild": "next-sitemap",

diff --git a/src/components/widgets/Announcement.tsx b/src/components/widgets/Announcement.tsx
@@ -1,40 +1,40 @@
 /* eslint-disable @next/next/no-img-element */
-import { announcementData } from '~/shared/data';
+// import { announcementData } from '~/shared/data';
 
-const Announcement = () => {
-  const { title, callToAction, callToAction2 } = announcementData;
+// const Announcement = () => {
+//   const { title, callToAction, callToAction2 } = announcementData;
 
-  return (
-    <div className="hidden overflow-hidden text-ellipsis whitespace-nowrap border-b border-blue-900 bg-blue-900 px-3 py-2 text-sm text-gray-200 md:block">
-      <span className="bg-blue-800 py-0.5 px-1 text-xs font-semibold">{title}</span>{' '}
-      {callToAction && callToAction.text && callToAction.href && (
-        <a
-          href={callToAction.href}
-          target="_blank"
-          rel="noreferrer noopened"
-          className="cursor-pointer text-gray-100 hover:underline"
-        >
-          {callToAction.icon && <callToAction.icon className="mr-1 -ml-1.5 h-5 w-5" />} {callToAction.text}
-        </a>
-      )}
-      {callToAction2 && callToAction2.text && callToAction2.href && (
-        <a
-          href={callToAction2.href}
-          target="_blank"
-          rel="noreferrer"
-          className="float-right"
-          title={callToAction2.text}
-        >
-          <img
-            src="https://img.shields.io/twitter/url/https/twitter.com/onwidget.svg?style=social&amp;label=Follow%20%40onWidget"
-            alt="Follow @onWidget"
-            width="125"
-            height="20"
-          />
-        </a>
-      )}
-    </div>
-  );
-};
+//   return (
+//     <div className="hidden overflow-hidden text-ellipsis whitespace-nowrap border-b border-blue-900 bg-blue-900 px-3 py-2 text-sm text-gray-200 md:block">
+//       <span className="bg-blue-800 py-0.5 px-1 text-xs font-semibold">{title}</span>{' '}
+//       {callToAction && callToAction.text && callToAction.href && (
+//         <a
+//           href={callToAction.href}
+//           target="_blank"
+//           rel="noreferrer noopened"
+//           className="cursor-pointer text-gray-100 hover:underline"
+//         >
+//           {callToAction.icon && <callToAction.icon className="mr-1 -ml-1.5 h-5 w-5" />} {callToAction.text}
+//         </a>
+//       )}
+//       {callToAction2 && callToAction2.text && callToAction2.href && (
+//         <a
+//           href={callToAction2.href}
+//           target="_blank"
+//           rel="noreferrer"
+//           className="float-right"
+//           title={callToAction2.text}
+//         >
+//           <img
+//             src="https://img.shields.io/twitter/url/https/twitter.com/onwidget.svg?style=social&amp;label=Follow%20%40onWidget"
+//             alt="Follow @onWidget"
+//             width="125"
+//             height="20"
+//           />
+//         </a>
+//       )}
+//     </div>
+//   );
+// };
 
-export default Announcement;
+// export default Announcement;
diff --git a/src/components/widgets/Contact2.tsx b/src/components/widgets/Contact2.tsx
@@ -1,9 +1,9 @@
-import { contact2Data } from '~/shared/data';
+import { contactData } from '~/shared/data';
 import Form from '../common/Form';
 import HeaderWidget from '../common/HeaderWidget';
 
 const Contact2 = () => {
-  const { header, form } = contact2Data;
+  const { header, form } = contactData;
 
   return (
     <section className="bg-primary-50 dark:bg-slate-800" id="contactTwo">

diff --git a/src/components/widgets/Header.tsx b/src/components/widgets/Header.tsx
@@ -6,7 +6,7 @@ import ToggleDarkMode from '~/components/atoms/ToggleDarkMode';
 import Link from 'next/link';
 import Logo from '~/components/atoms/Logo';
 import ToggleMenu from '../atoms/ToggleMenu';
-import { headerData } from '~/shared/data';
+import { headerData, logoData } from '~/shared/data';
 import CTA from '../common/CTA';
 import CallToAction from './CallToAction';
 
@@ -48,6 +48,7 @@ const Header = () => {
     setIsToggleMenuOpen(!isToggleMenuOpen);
   };
 
+
   return (
     <header
       className={`top-0 z-40 mx-auto w-full flex-none bg-white transition-all duration-100 ease-in dark:bg-slate-900 md:bg-white/90 md:backdrop-blur-sm dark:md:bg-slate-900/90 ${
@@ -64,7 +65,7 @@ const Header = () => {
               isToggleMenuOpen ? handleToggleMenuOnClick() : setIsDropdownOpen(updatedIsDropdownOpen as boolean[])
             }
           >
-            <Logo />
+            <Logo data= {logoData}/>
           </Link>
           <div className="flex items-center md:hidden">
             <ToggleMenu handleToggleMenuOnClick={handleToggleMenuOnClick} isToggleMenuOpen={isToggleMenuOpen} />

diff --git a/src/components/widgets/Hero.tsx b/src/components/widgets/Hero.tsx
@@ -10,18 +10,18 @@ const Hero = (props: { data: HeroProps }) => {
       <div className="mx-auto max-w-7xl px-4 sm:px-6">
         <div className="py-12 md:py-20">
           <div className="mx-auto max-w-4xl pb-10 text-center md:pb-16">
-            {title && (
+            {/* {title && (
               <h1 className="leading-tighter font-heading mb-6 text-5xl font-bold tracking-tighter md:text-6xl">
                 {title}
               </h1>
-            )}
-            <div className="mx-auto max-w-3xl">
+            )} */}
+            {/* <div className="mx-auto max-w-3xl">
               {subtitle && <p className="mb-6 text-xl font-normal text-gray-600 dark:text-slate-400">{subtitle}</p>}
               <div className="flex max-w-none flex-col flex-nowrap gap-4 px-4 sm:flex-row sm:justify-center">
                 {callToAction && <CTA data={callToAction} />}
                 {callToAction2 && <CTA data={callToAction2} />}
               </div>
-            </div>
+            </div> */}
           </div>
           {image && (
             <div className="relative m-auto max-w-5xl">

diff --git a/src/components/widgets/Testimonial.module.css b/src/components/widgets/Testimonial.module.css
@@ -0,0 +1,47 @@
+.dashboard {
+    /* padding: 24px; */
+    background-color: red;
+    position: absolute;
+
+  }
+
+/* .testimonial-comment {
+  m-b-30;
+  font-light;
+  dark:text-slate-400;
+} */
+
+.comment {
+  /* padding: 24px; */
+  background-color: red;
+  position: absolute;
+  width: 519px;
+
+}
+
+.icon {
+  background-color: orange;
+  margin-top: 100px;
+}
+
+.root {
+  box-sizing: border-box;
+}
+
+/* Create two equal columns that floats next to each other */
+.column {
+  float: bottom;
+  width: 50%;
+  padding: 10px;
+  height: 300px;
+  background-color: orange; /* Should be removed. Only for demonstration */
+  border-radius: 15px;
+  border-color: blue;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
diff --git a/src/components/widgets/Testimonial.tsx b/src/components/widgets/Testimonial.tsx
@@ -15,33 +15,33 @@ const Testimonial = () => {
             {testimonials.map(({ name, occupation, comment, image, icon: Icon, href }, index) => (
               <div
                 key={`item-testimonial-${index}`}
-                className="col-span-3 flex sm:col-span-1 md:col-span-1 lg:col-span-1 xl:col-span-1"
+                className="flex-col col-span-3 flex sm:col-span-1 md:col-span-1 lg:col-span-1 xl:col-span-1"
               >
-                <div className="flex-flow card flex border-b-[3px] border-transparent text-center hover:border-primary-600 hover:shadow-lg hover:transition hover:duration-100">
+                <div className="flex-col flex-flow card flex border-b-[3px] border-transparent text-center hover:border-primary-600 hover:shadow-lg hover:transition hover:duration-100">
                   <a
                     href={href}
                     target="_blank"
                     rel="noopener noreferrer"
                     key={`item-testimonial-${index}`}
                     className="card-body"
                   >
-                    <div className="mb-4 flex">
+                    <div className="mb-4">
                       {image && (
                         <Image
                           src={image.src}
-                          width={48}
-                          height={48}
+                          width={348}
+                          height={348}
                           alt={image.alt}
-                          className="mr-4 h-12 w-12 rounded-full object-cover shadow-lg"
+                          className="object-cover h-48 w-96 shadow-lg"
                         />
                       )}
-                      <div className="text-left">
+                      <div className="text-center my-4">
                         <h3 className="font-semibold">{name}</h3>
-                        <span className="">{occupation}</span>
+                        {/* <span className="">{occupation}</span> */}
                       </div>
                     </div>
                     {comment && (
-                      <p className="m-b-30 font-light dark:text-slate-400">{`"${comment.slice(0, 150)}..."`}</p>
+                      <p className="text-left work-break list-disc">{`${comment}`}</p>
                     )}
                     {href && Icon && <Icon className="mx-auto mt-4 h-6 w-6 text-primary-600 dark:text-slate-200" />}
                   </a>

diff --git a/src/public/aws.jpg b/src/public/aws.jpg
diff --git a/src/public/cicd.png b/src/public/cicd.png
diff --git a/public/favicon.ico → src/public/favicon.ico b/public/favicon.ico → src/public/favicon.ico
diff --git a/src/public/logo.jpg b/src/public/logo.jpg
diff --git a/src/public/resources-hire.jpg b/src/public/resources-hire.jpg
diff --git a/src/public/robots.txt b/src/public/robots.txt
@@ -0,0 +1,9 @@
+# *
+User-agent: *
+Allow: /
+
+# Host
+Host: https://tailnext.vercel.app/
+
+# Sitemaps
+Sitemap: https://tailnext.vercel.app/sitemap.xml
diff --git a/src/public/sitemap-0.xml b/src/public/sitemap-0.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
+<url><loc>https://tailnext.vercel.app</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/pricing</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/terms</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/faqs</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/about</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/blog</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/contact</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/demo-post-1</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/demo-post-2</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/demo-post-3</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/demo-post-4</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://tailnext.vercel.app/privacy</loc><lastmod>2023-12-01T17:57:30.546Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+</urlset>
diff --git a/src/public/sitemap.xml b/src/public/sitemap.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<sitemap><loc>https://tailnext.vercel.app/sitemap-0.xml</loc></sitemap>
+</sitemapindex>
diff --git a/public/vercel.svg → src/public/vercel.svg b/public/vercel.svg → src/public/vercel.svg
diff --git a/src/public/web-development.jpg b/src/public/web-development.jpg