Skip to content

Refactor features: Replace FeaturePage with FeatureSection #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 23, 2025
Merged

Refactor features: Replace FeaturePage with FeatureSection #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c1836e0
Refactor features: Replace FeaturePage with FeatureSection, update im…
markopiers Sep 22, 2025
5e47a85
Merge branch 'main' into fix/feature-section
tasin2610 Sep 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 0 additions & 5 deletions src/app/features/page.tsx
View file
Open in desktop

This file was deleted.

9 changes: 5 additions & 4 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,15 @@ import Footer from "@/components/Footer/Footer";
import MeetSentioPulseSection from "@/components/MeetSentioPulse/meetSentioPulseSection";
import PricingSection from "@/components/Pricing/PricingSection";
import StatsSection from "@/components/Stats/StatsSection";
import FeatureFrontPage from "./features/page";
import HeroSection from "@/components/Hero/HeroSection";
import FeatureSection from "@/components/Features/FeatureSection";
import HeroFrontPage from "./hero/page";



export default function HomePage() {
return <main className="w-full">
<HeroSection />
<FeatureFrontPage />
<HeroFrontPage />
<FeatureSection />
<MeetSentioPulseSection />
<PricingSection />
<StatsSection />
Expand Down
2 changes: 1 addition & 1 deletion src/components/Features/ReusableCard.tsx → src/components/Features/FeatureCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ type ReusableFeatureCardProps = {
icon: React.ElementType;
};

export default function ReusableFeatureCard({
export default function FeatureCard({
icon,
title,
description,
Expand Down
8 changes: 4 additions & 4 deletions src/components/Features/Feature.tsx → src/components/Features/FeatureSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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";
Comment on lines +2 to +3
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Import name inconsistency detected.

Line 2 imports the component as ReusableFeatureCard but it should be imported as FeatureCard to match the updated export name from FeatureCard.tsx.

-import ReusableFeatureCard from "./FeatureCard";
+import FeatureCard from "./FeatureCard";
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
import ReusableFeatureCard from "./FeatureCard";
import FeatureTitle from "./FeatureTitle";
import FeatureCard from "./FeatureCard";
import FeatureTitle from "./FeatureTitle";
🤖 Prompt for AI Agents 
In src/components/Features/FeatureSection.tsx around lines 2 to 3 the import
uses the name ReusableFeatureCard but the component was renamed/exported as
FeatureCard; update the import to use FeatureCard (i.e., import FeatureCard from
"./FeatureCard") so the import name matches the exported component and then
update any local references if they still use ReusableFeatureCard.


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">
Expand Down
2 changes: 1 addition & 1 deletion src/components/Features/FeatureTitle.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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">
Expand Down