Update src/middleware.ts

Merge version_5 into main

src/app/gallery/page.tsx

@@ -4,7 +4,6 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function GalleryPage() {
@@ -30,7 +29,8 @@ export default function GalleryPage() {
               { name: "Gallery", id: "/gallery" },
               { name: "Contact", id: "/contact" },
             ]}
-            button={{ text: "Get a Free Quote", href: "/contact" }}
+            button={{
+              text: "Get a Free Quote", href: "/contact" }}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
             logoAlt="FloorCraft Logo"
             brandName="FloorCraft"
@@ -57,27 +57,6 @@ export default function GalleryPage() {
           />
         </div>
 
-        <div id="gallery-testimonials" data-section="gallery-testimonials">
-          <TestimonialCardSixteen
-            textboxLayout="default"
-            useInvertedBackground={true}
-            testimonials={[
-              { id: "g-1", name: "Olivia Wilson", role: "Home Remodeler", company: "Alpharetta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "Olivia Wilson" },
-              { id: "g-2", name: "Liam Brown", role: "Residential Client", company: "Roswell, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", imageAlt: "Liam Brown" },
-              { id: "g-3", name: "Ava Garcia", role: "Custom Home Builder", company: "Atlanta, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-posing_23-2148563434.jpg", imageAlt: "Ava Garcia" },
-              { id: "g-4", name: "Noah Miller", role: "Property Investor", company: "Sandy Springs, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-68234.jpg", imageAlt: "Noah Miller" },
-              { id: "g-5", name: "Sophia Davis", role: "Homeowner", company: "Johns Creek, GA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-smiling-camera_74855-10028.jpg", imageAlt: "Sophia Davis" }
-            ]}
-            kpiItems={[
-              { value: "Flawless", label: "Finishes" },
-              { value: "Artistry", label: "in Every Plank" },
-              { value: "Happy", label: "Homes" }
-            ]}
-            title="Hear From Homeowners We've Transformed"
-            description="See why families trust FloorCraft for their most cherished spaces. Our gallery showcases not just floors, but homes brought to life."
-            animationType="depth-3d"
-          />
-        </div>
 
         <div id="footer" data-section="footer">
           <FooterBase

src/app/page.tsx

@@ -12,6 +12,9 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import { Award, Briefcase, Calendar, Cog, Home, Hammer, MessageCircle, Paintbrush, Sparkles, Star, Brush, ClipboardCheck } from "lucide-react";
 
 export default function LandingPage() {
+  // Placeholder for a translation function. In a real app, this would be imported from an i18n library.
+  const t = (key: string) => key; 
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -188,14 +191,14 @@ export default function LandingPage() {
       testimonials={[]}
       kpiItems={[
         {
-          value: "5.0",          label: "Average Rating"},
+          value: "5.0",          label: t('home_testimonials.kpi_average_rating')},
         {
-          value: "98%",          label: "Client Retention"},
+          value: "98%",          label: t('home_testimonials.kpi_client_retention')},
         {
-          value: "100%",          label: "Satisfaction"},
+          value: "100%",          label: t('home_testimonials.kpi_satisfaction')},
       ]}
-      title="What Our Family of Customers Says"
+      title={t('home_testimonials.title')}
-      description="Hearing from our satisfied clients is the greatest reward. Their trust in our craftsmanship and personal approach is the foundation of our business."
+      description={t('home_testimonials.description')}
     />
   </div>
 
@@ -203,9 +206,15 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[]}
+      names={[
-      title=""
+        t('social_proof.client_a'),
-      description=""
+        t('social_proof.client_b'),
+        t('social_proof.client_c'),
+        t('social_proof.client_d'),
+        t('social_proof.client_e'),
+      ]}
+      title={t('social_proof.title')}
+      description={t('social_proof.description')}
       speed={40}
     />
   </div>
@@ -214,46 +223,46 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",          items: [
+          title: t('footer.navigation_title'),          items: [
             {
-              label: "Home",              href: "/"},
+              label: t('footer.home_label'),              href: "/"},
             {
-              label: "Services",              href: "/services"},
+              label: t('footer.services_label'),              href: "/services"},
             {
-              label: "Gallery",              href: "/gallery"},
+              label: t('footer.gallery_label'),              href: "/gallery"},
             {
-              label: "Contact",              href: "/contact"},
+              label: t('footer.contact_label'),              href: "/contact"},
           ],
         },
         {
-          title: "Services",          items: [
+          title: t('footer.services_column_title'),          items: [
             {
-              label: "Hardwood Installation",              href: "/services#hardwood-installation"},
+              label: t('footer.service_hardwood_installation'),              href: "/services#hardwood-installation"},
             {
-              label: "Floor Sanding",              href: "/services#floor-sanding"},
+              label: t('footer.service_floor_sanding'),              href: "/services#floor-sanding"},
             {
-              label: "Free Estimates",              href: "/services#free-estimates"},
+              label: t('footer.service_free_estimates'),              href: "/services#free-estimates"},
             {
-              label: "Custom Designs",              href: "/services#custom-designs"},
+              label: t('footer.service_custom_designs'),              href: "/services#custom-designs"},
           ],
         },
         {
-          title: "About Us",          items: [
+          title: t('footer.about_us_title'),          items: [
             {
-              label: "Our Story",              href: "/#about"},
+              label: t('footer.about_our_story'),              href: "/#about"},
             {
-              label: "Testimonials",              href: "/#home-testimonials"},
+              label: t('footer.about_testimonials'),              href: "/#home-testimonials"},
             {
-              label: "Service Areas",              href: "/services#service-areas"},
+              label: t('footer.about_service_areas'),              href: "/services#service-areas"},
             {
-              label: "FAQs",              href: "/contact#faq"},
+              label: t('footer.about_faqs'),              href: "/contact#faq"},
           ],
         },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EsInlEOoSiMI8mFEzeygc6zaoo/uploaded-1780963238289-ovhlz3j6.png"
       logoAlt="FloorCraft Logo"
-      logoText="FloorCraft"
+      logoText={t('footer.logo_text')}
-      copyrightText="© 2024 FloorCraft. All rights reserved."
+      copyrightText={t('footer.copyright_text')}
     />
   </div>
       </ReactLenis>

src/i18n.ts

@@ -0,0 +1,13 @@
+// @ts-expect-error next-intl server config type mismatch
+import { getRequestConfig } from 'next-intl/server';
+import { notFound } from 'next/navigation';
+
+export const locales = ['en', 'es'];
+
+export default getRequestConfig(async ({ locale }) => {
+  if (!locales.includes(locale as any)) notFound();
+
+  return {
+    messages: (await import(`../messages/${locale}.json`)).default,
+  };
+});

src/middleware.ts

@@ -0,0 +1,18 @@
+// @ts-expect-error next-intl middleware type incompatibility
+import createMiddleware from 'next-intl/middleware';
+import { locales } from './i18n';
+
+export default createMiddleware({
+  locales,
+  defaultLocale: 'en',
+  localePrefix: 'as-needed',
+});
+
+export const config = {
+  matcher: [
+    '/',
+    '/(es|en)/:path*',
+    // Enable a redirect to a matching locale at the root
+    // '/((?!_next|_vercel|.*\..*).*)',
+  ],
+};