From 38f9ef333fc24c1de1df442f479abff3226ea13b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 07:39:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 267 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 230 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4783f3e..cc6ece4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LMJ Web Studio"
     />
@@ -59,64 +44,29 @@ export default function LandingPage() {
       logoText="LMJ Web Studio"
       description="We Build Websites That Turn Visitors Into Clients. Luxury, high-converting websites for modern businesses."
       buttons={[
-        {
-          text: "Get Your Website",
-          href: "#contact",
-        },
-        {
-          text: "View Our Work",
-          href: "#portfolio",
-        },
+        { text: "Get Your Website", href: "#contact" },
+        { text: "View Our Work", href: "#portfolio" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg"
     />
   </div>
 
   <div id="services" data-section="services">
       <FeatureCardMedia
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Website Design",
-          description: "Custom, bespoke designs tailored to your brand identity.",
-          tag: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-red-dye-water_23-2147745440.jpg",
-          imageAlt: "Yellow and red dye in water",
-        },
+          id: "f1",          title: "Website Design",          description: "Custom, bespoke designs tailored to your brand identity.",          tag: "Design",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-red-dye-water_23-2147745440.jpg",          imageAlt: "Yellow and red dye in water"},
         {
-          id: "f2",
-          title: "Website Redesign",
-          description: "Revitalize your online presence with modern, faster interfaces.",
-          tag: "Redesign",
-          imageSrc: "http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg?_wi=2",
-          imageAlt: "Yellow and red dye in water",
-        },
+          id: "f2",          title: "Website Redesign",          description: "Revitalize your online presence with modern, faster interfaces.",          tag: "Redesign",          imageSrc: "http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg",          imageAlt: "Yellow and red dye in water"},
         {
-          id: "f3",
-          title: "Landing Pages",
-          description: "High-converting single pages built for maximum ROI.",
-          tag: "Landing",
-          imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg?_wi=1",
-          imageAlt: "Yellow and red dye in water",
-        },
+          id: "f3",          title: "Landing Pages",          description: "High-converting single pages built for maximum ROI.",          tag: "Landing",          imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg",          imageAlt: "Yellow and red dye in water"},
         {
-          id: "f4",
-          title: "Mobile Optimization",
-          description: "Flawless performance across every mobile device.",
-          tag: "Mobile",
-          imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg?_wi=1",
-          imageAlt: "Yellow and red dye in water",
-        },
+          id: "f4",          title: "Mobile Optimization",          description: "Flawless performance across every mobile device.",          tag: "Mobile",          imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg",          imageAlt: "Yellow and red dye in water"},
         {
-          id: "f5",
-          title: "SEO Basics",
-          description: "Foundation-level search engine optimization included.",
-          tag: "SEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg?_wi=1",
-          imageAlt: "Yellow and red dye in water",
-        },
+          id: "f5",          title: "SEO Basics",          description: "Foundation-level search engine optimization included.",          tag: "SEO",          imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg",          imageAlt: "Yellow and red dye in water"},
       ]}
       title="Premium Web Services"
       description="Crafting digital experiences that drive growth."
@@ -130,48 +80,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Luxe Fashion Portal",
-          price: "View Demo",
-          variant: "Bespoke Web",
-          imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Tech Startup SaaS",
-          price: "View Demo",
-          variant: "SaaS Platform",
-          imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Corporate Identity",
-          price: "View Demo",
-          variant: "Landing Page",
-          imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "E-Commerce Boutique",
-          price: "View Demo",
-          variant: "Storefront",
-          imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg",
-        },
-        {
-          id: "p5",
-          name: "Luxury Real Estate",
-          price: "View Demo",
-          variant: "App UI",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-53598.jpg",
-        },
-        {
-          id: "p6",
-          name: "Consultant Portfolio",
-          price: "View Demo",
-          variant: "Personal",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg",
-        },
+        { id: "p1", name: "Luxe Fashion Portal", price: "View Demo", variant: "Bespoke Web", imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg" },
+        { id: "p2", name: "Tech Startup SaaS", price: "View Demo", variant: "SaaS Platform", imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg" },
+        { id: "p3", name: "Corporate Identity", price: "View Demo", variant: "Landing Page", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg" },
+        { id: "p4", name: "E-Commerce Boutique", price: "View Demo", variant: "Storefront", imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg" },
+        { id: "p5", name: "Luxury Real Estate", price: "View Demo", variant: "App UI", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-53598.jpg" },
+        { id: "p6", name: "Consultant Portfolio", price: "View Demo", variant: "Personal", imageSrc: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg" },
       ]}
       title="Selected Projects"
       description="Showcasing high-end digital work."
@@ -184,41 +98,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivier",
-          role: "CEO",
-          testimonial: "The design quality is unmatched. LMJ transformed our business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-dark-eyed-mulatto-guy-standing-yellow-wall-with-hands-pockets-indoor-photo-african-young-man-casual-suit-wears-black-hat_197531-21937.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sam Thorne",
-          role: "Founder",
-          testimonial: "Absolutely incredible experience working with LMJ Studio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg",
-        },
-        {
-          id: "t3",
-          name: "Maria Lopez",
-          role: "Marketing",
-          testimonial: "Professional, fast, and exactly what we needed to scale.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
-        },
-        {
-          id: "t4",
-          name: "Kevin Chen",
-          role: "Tech Lead",
-          testimonial: "A truly high-end approach to modern web development.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sara B.",
-          role: "Consultant",
-          testimonial: "They built a site that makes us money immediately.",
-          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
-        },
+        { id: "t1", name: "Alex Rivier", role: "CEO", testimonial: "The design quality is unmatched. LMJ transformed our business.", imageSrc: "http://img.b2bpic.net/free-photo/serious-dark-eyed-mulatto-guy-standing-yellow-wall-with-hands-pockets-indoor-photo-african-young-man-casual-suit-wears-black-hat_197531-21937.jpg" },
+        { id: "t2", name: "Sam Thorne", role: "Founder", testimonial: "Absolutely incredible experience working with LMJ Studio.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg" },
+        { id: "t3", name: "Maria Lopez", role: "Marketing", testimonial: "Professional, fast, and exactly what we needed to scale.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg" },
+        { id: "t4", name: "Kevin Chen", role: "Tech Lead", testimonial: "A truly high-end approach to modern web development.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
+        { id: "t5", name: "Sara B.", role: "Consultant", testimonial: "They built a site that makes us money immediately.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" },
       ]}
       title="Client Success"
       description="Don't just take our word for it."
@@ -232,55 +116,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "pr1",
-          badge: "Essential",
-          price: "$2,500",
-          subtitle: "Perfect for new startups.",
-          features: [
-            "Custom Design",
-            "Mobile Friendly",
-            "Basic SEO",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
+          id: "pr1",          badge: "Essential",          price: "$2,500",          subtitle: "Perfect for new startups.",          features: ["Custom Design", "Mobile Friendly", "Basic SEO"],
+          buttons: [{ text: "Get Started", href: "#contact" }],
         },
         {
-          id: "pr2",
-          badge: "Growth",
-          price: "$5,000",
-          subtitle: "For businesses scaling fast.",
-          features: [
-            "Full Custom Build",
-            "E-commerce Ready",
-            "Advanced Analytics",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
+          id: "pr2",          badge: "Growth",          price: "$5,000",          subtitle: "For businesses scaling fast.",          features: ["Full Custom Build", "E-commerce Ready", "Advanced Analytics"],
+          buttons: [{ text: "Get Started", href: "#contact" }],
         },
         {
-          id: "pr3",
-          badge: "Premium",
-          price: "$10,000+",
-          subtitle: "Bespoke digital architecture.",
-          features: [
-            "Enterprise Level",
-            "Priority Support",
-            "Custom Integrations",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
+          id: "pr3",          badge: "Premium",          price: "$10,000+",          subtitle: "Bespoke digital architecture.",          features: ["Enterprise Level", "Priority Support", "Custom Integrations"],
+          buttons: [{ text: "Get Started", href: "#contact" }],
         },
       ]}
       title="Flexible Investment"
@@ -291,19 +136,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Let’s build something that makes you money."
       buttons={[
-        {
-          text: "Contact on WhatsApp",
-          href: "https://wa.me/yournumber",
-        },
-        {
-          text: "Email Us",
-          href: "mailto:hello@lmjweb.studio",
-        },
+        { text: "Contact on WhatsApp", href: "https://wa.me/yournumber" },
+        { text: "Email Us", href: "mailto:hello@lmjweb.studio" },
       ]}
     />
   </div>
@@ -312,43 +149,13 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Studio",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-          ],
+          title: "Studio",          items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
+          title: "Company",          items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }],
         },
       ]}
       bottomLeftText="© 2024 LMJ Web Studio"
-- 
2.49.1