Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Globe, Search, Smartphone, TrendingUp, Zap } from "lucide-react";
|
||||
import { Globe, Search, Smartphone, TrendingUp, Zap, PenTool, Layers } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Maddix Design"
|
||||
/>
|
||||
@@ -55,66 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Build Websites That Print Money for Your Business"
|
||||
description="Stop settling for digital placeholders. We create elite, high-performance experiences engineered to convert traffic into revenue."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-smiling-looking-side-staring-away-thinking_839833-11694.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-smiling-looking-side-staring-away-thinking_839833-11694.jpg", alt: "Client" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ local leaders"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Call",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Free Call", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Reach",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ultra-Fast",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Conversion",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mobile First",
|
||||
icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "SEO Optimized",
|
||||
icon: Search,
|
||||
},
|
||||
{ type: "text-icon", text: "Global Reach", icon: Globe },
|
||||
{ type: "text-icon", text: "Ultra-Fast", icon: Zap },
|
||||
{ type: "text-icon", text: "High Conversion", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Mobile First", icon: Smartphone },
|
||||
{ type: "text-icon", text: "SEO Optimized", icon: Search },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,12 +69,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Elevating Brands Through High-Performance Design"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Approach",
|
||||
href: "#process",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Approach", href: "#process" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,30 +78,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Website Design",
|
||||
description: "Bespoke, high-end digital environments designed to reflect your brand's unique authority.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg",
|
||||
buttonIcon: "PenTool",
|
||||
},
|
||||
{
|
||||
title: "Conversion Optimization",
|
||||
description: "Psychology-backed layouts designed to turn casual browsers into loyal, high-paying clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Branding & Identity",
|
||||
description: "Visual identities that communicate trust, prestige, and market-leading excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies-with-keyboard-mouse_23-2148425935.jpg",
|
||||
buttonIcon: "Layers",
|
||||
},
|
||||
{
|
||||
title: "SEO-Ready Builds",
|
||||
description: "Architected for visibility, our sites perform better on search engines from day one.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301550.jpg",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
{ title: "Custom Website Design", description: "Bespoke, high-end digital environments designed to reflect your brand's unique authority.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg", buttonIcon: PenTool },
|
||||
{ title: "Conversion Optimization", description: "Psychology-backed layouts designed to turn casual browsers into loyal, high-paying clients.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg", buttonIcon: Zap },
|
||||
{ title: "Branding & Identity", description: "Visual identities that communicate trust, prestige, and market-leading excellence.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies-with-keyboard-mouse_23-2148425935.jpg", buttonIcon: Layers },
|
||||
{ title: "SEO-Ready Builds", description: "Architected for visibility, our sites perform better on search engines from day one.", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301550.jpg", buttonIcon: TrendingUp },
|
||||
]}
|
||||
title="Core Services for Growth"
|
||||
description="Our suite of high-value services is crafted to place your brand at the pinnacle of your market."
|
||||
@@ -174,42 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Real Estate Platform",
|
||||
price: "Growth Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-device-with-minimalist-monochrome-background_23-2150763337.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Beauty Brand",
|
||||
price: "Sales Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43656.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hospitality Experience",
|
||||
price: "Booking Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fintech Solutions",
|
||||
price: "Auth Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-57575.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Consultancy Firm",
|
||||
price: "Lead Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-minimal-computer-desktop-screen-digital-device-with-design-space_53876-111098.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boutique Fashion E-commerce",
|
||||
price: "Revenue Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Real Estate Platform", price: "Growth Case", imageSrc: "http://img.b2bpic.net/free-photo/laptop-device-with-minimalist-monochrome-background_23-2150763337.jpg" },
|
||||
{ id: "p2", name: "Premium Beauty Brand", price: "Sales Case", imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43656.jpg" },
|
||||
{ id: "p3", name: "Hospitality Experience", price: "Booking Case", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg" },
|
||||
{ id: "p4", name: "Fintech Solutions", price: "Auth Case", imageSrc: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-57575.jpg" },
|
||||
{ id: "p5", name: "Consultancy Firm", price: "Lead Case", imageSrc: "http://img.b2bpic.net/free-photo/blue-minimal-computer-desktop-screen-digital-device-with-design-space_53876-111098.jpg" },
|
||||
{ id: "p6", name: "Boutique Fashion E-commerce", price: "Revenue Case", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg" },
|
||||
]}
|
||||
title="Selected Work"
|
||||
description="Impactful designs that generate tangible growth."
|
||||
@@ -221,14 +112,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Design",
|
||||
"Titan Corp",
|
||||
"Prime Solutions",
|
||||
"Vanguard Industries",
|
||||
"Gold Standard",
|
||||
"Elite Growth",
|
||||
"Summit Ventures",
|
||||
]}
|
||||
"Apex Design", "Titan Corp", "Prime Solutions", "Vanguard Industries", "Gold Standard", "Elite Growth", "Summit Ventures"]}
|
||||
title="Trusted by Market Leaders"
|
||||
description="Partnering with ambitious brands to set new industry standards."
|
||||
/>
|
||||
@@ -239,21 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strategy Discovery",
|
||||
content: "We dive deep into your business goals, target audience, and current performance to craft a tailored growth strategy.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Precision Build & Design",
|
||||
content: "Our creative team translates strategy into a high-performance visual interface built for seamless user experience.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Launch & Growth",
|
||||
content: "The site goes live, equipped with tracking and optimization systems to ensure sustained growth and performance.",
|
||||
},
|
||||
{ id: "1", title: "Strategy Discovery", content: "We dive deep into your business goals, target audience, and current performance to craft a tailored growth strategy." },
|
||||
{ id: "2", title: "Precision Build & Design", content: "Our creative team translates strategy into a high-performance visual interface built for seamless user experience." },
|
||||
{ id: "3", title: "Launch & Growth", content: "The site goes live, equipped with tracking and optimization systems to ensure sustained growth and performance." },
|
||||
]}
|
||||
title="Our Frictionless Process"
|
||||
description="Three simple steps to launch your digital evolution."
|
||||
@@ -266,46 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional ROI",
|
||||
quote: "Maddix redesigned our platform and saw our conversion rate triple within the first month.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO, Apex Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Luxury & Performance",
|
||||
quote: "Their work isn't just beautiful—it's high-performance. We finally look like the industry leader we are.",
|
||||
name: "Marcus Chen",
|
||||
role: "Founder, Titan Corp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Seamless Process",
|
||||
quote: "The most professional agency experience I've had. Total game changer.",
|
||||
name: "Elena Ross",
|
||||
role: "Owner, Prime Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Strategic Partners",
|
||||
quote: "They understand business psychology better than any agency I've met.",
|
||||
name: "David Thorne",
|
||||
role: "Director, Summit Ventures",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top-Tier Quality",
|
||||
quote: "Simply unmatched quality. Our engagement is up 40% since the redesign.",
|
||||
name: "Jessica Lee",
|
||||
role: "Head of Marketing, Vanguard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-smiling-looking-side-staring-away-thinking_839833-11694.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional ROI", quote: "Maddix redesigned our platform and saw our conversion rate triple within the first month.", name: "Sarah Miller", role: "CEO, Apex Design", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1536.jpg" },
|
||||
{ id: "2", title: "Luxury & Performance", quote: "Their work isn't just beautiful—it's high-performance. We finally look like the industry leader we are.", name: "Marcus Chen", role: "Founder, Titan Corp", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors_23-2148824825.jpg" },
|
||||
{ id: "3", title: "Seamless Process", quote: "The most professional agency experience I've had. Total game changer.", name: "Elena Ross", role: "Owner, Prime Solutions", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg" },
|
||||
{ id: "4", title: "Strategic Partners", quote: "They understand business psychology better than any agency I've met.", name: "David Thorne", role: "Director, Summit Ventures", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg" },
|
||||
{ id: "5", title: "Top-Tier Quality", quote: "Simply unmatched quality. Our engagement is up 40% since the redesign.", name: "Jessica Lee", role: "Head of Marketing, Vanguard", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-woman-wearing-casual-clothes-smiling-looking-side-staring-away-thinking_839833-11694.jpg" },
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="See why top-tier companies trust Maddix Web Design."
|
||||
@@ -315,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Begin"
|
||||
title="Book Your Free Consultation"
|
||||
description="Ready to print money with your website? Limited spots available for new projects this quarter."
|
||||
@@ -328,45 +163,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="MADDIX"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Optimization",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@maddix.com",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Services", items: [{ label: "Optimization", href: "#services" }, { label: "Design", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:hello@maddix.com" }, { label: "Call Us", href: "tel:+1000000000" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user