src/app/layout.tsx

@@ -1,13 +1,11 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "./styles/variables.css";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "אתר פלוס - בניית אתרים לעסקים",  description: "אנחנו בונים אתרים מודרניים לעסקים שרוצים להיראות מקצועיים באינטרנט ולהביא יותר לקוחות"
-};
+  title: "אתר פלוס - בניית אתרים לעסקים",  description: "בניית אתרים מקצועיים לעסקים קטנים וגדולים בישראל"};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -6,9 +6,10 @@ import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Zap, Target, Briefcase, Star, Smartphone, Headphones, TrendingUp, Facebook, Instagram, Linkedin, Mail } from "lucide-react";
+import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Zap, Target, Briefcase, Star, Image, Mail, Smartphone, Headphones, TrendingUp, Facebook, Instagram, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,7 +31,7 @@ export default function LandingPage() {
           navItems={[
             { name: "שירותים", id: "services" },
             { name: "אודות", id: "about" },
-            { name: "למה אנחנו", id: "why-us" },
+            { name: "יתרונות", id: "why-us" },
           ]}
           button={{ text: "קבלו הצעת מחיר", href: "#contact" }}
           animateOnLoad={true}
@@ -64,7 +65,7 @@ export default function LandingPage() {
         <TextAbout
           tag="מי אנחנו"
           tagIcon={Target}
-          title="אנחנו עוזרים לעסקים קטנים ובינוניים לבנות נוכחות מקצועית באינטרנט בעזרת אתרים מודרניים, מהירים ונוחים לשימוש. המטרה שלנו היא לתן לבעלי עסקים אתר שמביא יותר לקוחות ונראה מקצועי."
+          title="אנחנו עוזרים לעסקים קטנים ובינוניים לבנות נוכחות מקצועית באינטרנט בעזרת אתרים מודרניים, מהירים ונוחים לשימוש. המטרה שלנו היא לתת לבעלי עסקים אתר שמביא יותר לקוחות ונראה מקצועי."
           useInvertedBackground={false}
           buttons={[{ text: "דברו איתנו", href: "#contact" }]}
         />
@@ -127,27 +128,41 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="מוכנים להשקיע בעסק שלכם? בואו נדבר על איך אנחנו יכולים לעזור. קבלו הצעת מחיר או דברו איתנו עוד היום."
-          animationType="entrance-slide"
-          background={{ variant: "plain" }}
-          useInvertedBackground={true}
+        <ContactCTA
+          tag="בואו נדבר"
+          tagIcon={Mail}
+          title="מוכנים להשקיע בעסק שלכם?"
+          description="בואו נדבר על איך אנחנו יכולים לעזור. קבלו הצעת מחיר או דברו איתנו עוד היום."
           buttons={[
             { text: "קבלו הצעת מחיר", href: "#" },
             { text: "דברו איתנו", href: "#" },
           ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterBase
           logoText="אתר פלוס"
           copyrightText="© 2024 אתר פלוס - בנייה מודרנית של אתרים לעסקים. כל הזכויות שמורות."
-          socialLinks={[
-            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
-            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
-            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
-            { icon: Mail, href: "mailto:info@siteplus.co.il", ariaLabel: "Email" },
+          columns={[
+            {
+              title: "קישורים",              items: [
+                { label: "עמוד הבית", href: "/" },
+                { label: "שירותים", href: "#services" },
+                { label: "אודות", href: "#about" },
+                { label: "יצור קשר", href: "#contact" },
+              ],
+            },
+            {
+              title: "מדיה חברתית",              items: [
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "דוא״ל", href: "mailto:info@siteplus.co.il" },
+              ],
+            },
           ]}
         />
       </div>