From c1836e01be1e1bad0e44985a9677bba813de4050 Mon Sep 17 00:00:00 2001
From: Marko Piers <markopiers8@gmail.com>
Date: Mon, 22 Sep 2025 09:30:42 +0000
Subject: [PATCH] Refactor features: Replace FeaturePage with FeatureSection,
 update imports, and enhance component structure for improved maintainability

---
 src/app/features/page.tsx                                 | 5 -----
 src/app/page.tsx                                          | 8 ++++----
 .../Features/{ReusableCard.tsx => FeatureCard.tsx}        | 2 +-
 .../Features/{Feature.tsx => FeatureSection.tsx}          | 8 ++++----
 src/components/Features/FeatureTitle.tsx                  | 2 +-
 5 files changed, 10 insertions(+), 15 deletions(-)
 delete mode 100644 src/app/features/page.tsx
 rename src/components/Features/{ReusableCard.tsx => FeatureCard.tsx} (95%)
 rename src/components/Features/{Feature.tsx => FeatureSection.tsx} (75%)

diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
deleted file mode 100644
index 2476593..0000000
--- a/src/app/features/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import FeaturePage from "@/components/Features/Feature";
-
-export default function FeatureFrontPage() {
-  return <FeaturePage />;
-}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8a178f0..cdac7eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@ import Footer from "@/components/Footer/Footer";
 import MeetSentioPulseSection from "@/components/MeetSentioPulse/meetSentioPulseSection";
 import PricingSection from "@/components/PricingSection";
 import StatsSection from "@/components/Stats/StatsSection";
-import FeatureFrontPage from "./features/page";
+import FeatureSection from "@/components/Features/FeatureSection";
 import HeroFrontPage from "./hero/page";
 
 
 
-export default function HomePage(){
+export default function HomePage() {
   return <main className="w-full">
-    <HeroFrontPage/>
-    <FeatureFrontPage/>
+    <HeroFrontPage />
+    <FeatureSection />
     <MeetSentioPulseSection />
     <PricingSection />
     <StatsSection />
diff --git a/src/components/Features/ReusableCard.tsx b/src/components/Features/FeatureCard.tsx
similarity index 95%
rename from src/components/Features/ReusableCard.tsx
rename to src/components/Features/FeatureCard.tsx
index 064f89a..cdb39a7 100644
--- a/src/components/Features/ReusableCard.tsx
+++ b/src/components/Features/FeatureCard.tsx
@@ -7,7 +7,7 @@ type ReusableFeatureCardProps = {
   icon: React.ElementType;
 };
 
-export default function ReusableFeatureCard({
+export default function FeatureCard({
   icon,
   title,
   description,
diff --git a/src/components/Features/Feature.tsx b/src/components/Features/FeatureSection.tsx
similarity index 75%
rename from src/components/Features/Feature.tsx
rename to src/components/Features/FeatureSection.tsx
index 786d9d6..98848f9 100644
--- a/src/components/Features/Feature.tsx
+++ b/src/components/Features/FeatureSection.tsx
@@ -1,11 +1,11 @@
 import { FeatureCards } from "@/lib/mockData";
-import ReusableFeatureCard from "./ReusableCard";
-import FeatureTitleAndDescription from "./FeatureTitle";
+import ReusableFeatureCard from "./FeatureCard";
+import FeatureTitle from "./FeatureTitle";
 
-export default function FeaturePage() {
+export default function FeatureSection() {
   return (
     <div className="min-h-screen flex flex-col items-center justify-center px-4 py-12">
-      <FeatureTitleAndDescription />
+      <FeatureTitle />
       <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 w-full max-w-6xl mt-10">
         {FeatureCards.map((card, index) => (
           <div key={index} className="flex justify-center">
diff --git a/src/components/Features/FeatureTitle.tsx b/src/components/Features/FeatureTitle.tsx
index edd7a69..46512a0 100644
--- a/src/components/Features/FeatureTitle.tsx
+++ b/src/components/Features/FeatureTitle.tsx
@@ -1,4 +1,4 @@
-export default function FeatureTitleAndDescription() {
+export default function FeatureTitle() {
   return (
     <div className="flex flex-col justify-center items-center mb-14">
       <h1 className="text-6xl font-bold my-4">