diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9a26712..426415f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,15 +3,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import { Instagram } from "lucide-react";
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TextAbout from '@/components/sections/about/TextAbout';
+import { Instagram, Briefcase, Zap, CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -21,8 +21,8 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
- background="noiseDiagonalGradient"
- cardStyle="glass-depth"
+ background="none"
+ cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
@@ -42,155 +42,111 @@ export default function LandingPage() {
- {
- const el = document.getElementById('contact');
- el?.scrollIntoView({ behavior: 'smooth' });
- }
- },
- {
- text: "View Work",
- href: "#portfolio",
- onClick: () => {
- const el = document.getElementById('portfolio');
- el?.scrollIntoView({ behavior: 'smooth' });
- }
- },
+ avatars={[
+ { src: "https://img.b2bpic.net/free-photo/success-cooperation-people-hands-discussion-business_1418-65.jpg?id=1235725", alt: "User" }
+ ]}
+ avatarText="Trusted by growing brands"
+ buttons={[
+ { text: "Get a Website", href: "#contact" },
+ { text: "View Work", href: "#portfolio" }
]}
- imageSrc="https://img.b2bpic.net/free-photo/success-cooperation-people-hands-discussion-business_1418-65.jpg?id=1235725"
- imageClassName="hover:scale-105 transition-all duration-1000 ease-in-out transform scale-100 hover:rotate-2"
- buttonClassName="hover:scale-110 transition-transform duration-300 ease-in-out"
/>
-
-
-
-
-
-
-
window.location.href = `mailto:mhautomation.service@gmail.com?subject=Inquiry from ${email}&body=New project inquiry from: ${email}`}
- className="py-12 md:py-20 lg:py-24"
- containerClassName="max-w-7xl mx-auto px-6"
- contactFormClassName="grid md:grid-cols-2 gap-12 items-center"
- formClassName="flex flex-col gap-4 bg-white p-8 rounded-2xl shadow-lg"
- inputClassName="w-full p-4 border border-gray-200 rounded-lg focus:ring-2 focus:ring-primary"
- buttonClassName="bg-primary text-white font-semibold py-4 rounded-lg hover:opacity-90 transition"
+ onSubmit={(email) => console.log(email)}
/>
);
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index f708845..5033873 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #f5f5f5;
- --card: #ffffff;
- --foreground: #1c1c1c;
+ --background: #ffffff;
+ --card: #f9f9f9;
+ --foreground: #1a1a1a;
--primary-cta: #1c1c1c;
--primary-cta-text: #ffffff;
- --secondary-cta: #ffffff;
+ --secondary-cta: #f1f1f1;
--secondary-cta-text: #ffffff;
- --accent: #15479c;
- --background-accent: #a8cce8;
+ --accent: #e2e2e2;
+ --background-accent: #f1f1f1;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);