Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -4,8 +4,11 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import RadialGradientBackground from "@/components/background/RadialGradientBackground";
+import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import { Leaf } from "lucide-react";
 
-export default function EmptyPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -19,6 +22,7 @@ export default function EmptyPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
+      <RadialGradientBackground className="fixed inset-0 -z-10" />
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
@@ -27,6 +31,18 @@ export default function EmptyPage() {
             button={{ text: "Call Now", href: "#" }}
           />
         </div>
+        <div id="text-section" data-section="text-section">
+          <FeatureCardTwentySeven
+            title="Quality Landscape Design"
+            description="Our team specializes in creating sustainable, beautiful outdoor spaces tailored to your needs. From garden planning to maintenance, we handle it all with care and professionalism."
+            features={[]}
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            tag="Expertise"
+            tagIcon={Leaf}
+          />
+        </div>
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[]}