Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, TrendingUp, Users } from "lucide-react";
|
||||
import { Award, TrendingUp, Users, Zap, Camera, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Work", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Iconicmatt"
|
||||
/>
|
||||
@@ -60,102 +50,57 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="We Build Brands That Dominate Digital"
|
||||
description="Your growth partner in Social Media & Digital Marketing. We blend creative strategy with performance-driven results to scale your business."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "Iconicmatt completely transformed our social presence. ROI soared in just three months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
name: "Alex Rivers", handle: "@arivers", testimonial: "Iconicmatt completely transformed our social presence. ROI soared in just three months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahchen",
|
||||
testimonial: "Professional, innovative, and results-driven. Highly recommend their strategies.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3939.jpg",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@sarahchen", testimonial: "Professional, innovative, and results-driven. Highly recommend their strategies.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3939.jpg"},
|
||||
{
|
||||
name: "Mark Jones",
|
||||
handle: "@mjones",
|
||||
testimonial: "The attention to detail and data-driven approach is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
name: "Mark Jones", handle: "@mjones", testimonial: "The attention to detail and data-driven approach is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "They don't just work for you, they partner with you to achieve greatness.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "@elena_r", testimonial: "They don't just work for you, they partner with you to achieve greatness.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg"},
|
||||
{
|
||||
name: "David Wu",
|
||||
handle: "@dwu_tech",
|
||||
testimonial: "Scaling our brand felt effortless with Iconicmatt at the helm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
name: "David Wu", handle: "@dwu_tech", testimonial: "Scaling our brand felt effortless with Iconicmatt at the helm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-closeup-shot-epcot-taken-night-with-amazing-colored-textures-dark-background_181624-2158.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-closeup-shot-epcot-taken-night-with-amazing-colored-textures-dark-background_181624-2158.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Strategy",
|
||||
},
|
||||
type: "text", text: "Innovative Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High ROI Campaigns",
|
||||
},
|
||||
type: "text", text: "High ROI Campaigns"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Creative",
|
||||
},
|
||||
type: "text", text: "Elite Creative"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Future Focused",
|
||||
},
|
||||
type: "text", text: "Future Focused"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Proven Results",
|
||||
},
|
||||
type: "text", text: "Proven Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,28 +111,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Social Media",
|
||||
description: "Engaging, high-conversion content strategies for all platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/repair_24908-54063.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
title: "Social Media", description: "Engaging, high-conversion content strategies for all platforms.", imageSrc: "http://img.b2bpic.net/free-vector/repair_24908-54063.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Performance Marketing",
|
||||
description: "Data-backed campaigns to maximize your advertising ROI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-growth-graph-icon-isolated_53876-71261.jpg?_wi=1",
|
||||
buttonIcon: "TrendingUp",
|
||||
title: "Performance Marketing", description: "Data-backed campaigns to maximize your advertising ROI.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-growth-graph-icon-isolated_53876-71261.jpg", buttonIcon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "Branding & Strategy",
|
||||
description: "Defining your identity and market position for long-term growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-astronaut-with-target-3d-illustration-design_460848-8276.jpg?_wi=1",
|
||||
buttonIcon: "Shield",
|
||||
title: "Branding & Strategy", description: "Defining your identity and market position for long-term growth.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-astronaut-with-target-3d-illustration-design_460848-8276.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Content Creation",
|
||||
description: "Stunning visuals and copy that resonate with your audience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-line-filled-icon-pack-such-as-movie-star-celebrity-sd-card-vintage-output-device_1142-26485.jpg?_wi=1",
|
||||
buttonIcon: "Camera",
|
||||
title: "Content Creation", description: "Stunning visuals and copy that resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-line-filled-icon-pack-such-as-movie-star-celebrity-sd-card-vintage-output-device_1142-26485.jpg", buttonIcon: Camera,
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
@@ -203,17 +136,11 @@ export default function LandingPage() {
|
||||
description="Iconicmatt.official is a boutique digital agency focused on delivering high-end growth strategies. We bridge the gap between imagination and measurable success through expert digital craft."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Top-tier strategists and creators.",
|
||||
},
|
||||
title: "Expert Team", description: "Top-tier strategists and creators."},
|
||||
{
|
||||
title: "Data-Driven",
|
||||
description: "Strategy backed by real analytics.",
|
||||
},
|
||||
title: "Data-Driven", description: "Strategy backed by real analytics."},
|
||||
{
|
||||
title: "Future Focused",
|
||||
description: "Always ahead of market trends.",
|
||||
},
|
||||
title: "Future Focused", description: "Always ahead of market trends."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627923.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -228,41 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brand Revamp A",
|
||||
price: "Featured",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZ2bgXmdithBD13BGG7Avg3d12/uploaded-1776579415312-dzww60p7.png",
|
||||
},
|
||||
id: "p1", name: "Brand Revamp A", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZ2bgXmdithBD13BGG7Avg3d12/uploaded-1776579415312-dzww60p7.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Brand Revamp B",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-closeup-shot-epcot-taken-night-with-amazing-colored-textures-dark-background_181624-2158.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Brand Revamp B", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-closeup-shot-epcot-taken-night-with-amazing-colored-textures-dark-background_181624-2158.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brand Revamp C",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/repair_24908-54063.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Brand Revamp C", price: "Featured", imageSrc: "http://img.b2bpic.net/free-vector/repair_24908-54063.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Brand Revamp D",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-growth-graph-icon-isolated_53876-71261.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Brand Revamp D", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/colorful-growth-graph-icon-isolated_53876-71261.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brand Revamp E",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-astronaut-with-target-3d-illustration-design_460848-8276.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Brand Revamp E", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-astronaut-with-target-3d-illustration-design_460848-8276.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Brand Revamp F",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-line-filled-icon-pack-such-as-movie-star-celebrity-sd-card-vintage-output-device_1142-26485.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Brand Revamp F", price: "Featured", imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-line-filled-icon-pack-such-as-movie-star-celebrity-sd-card-vintage-output-device_1142-26485.jpg"},
|
||||
]}
|
||||
title="Our Featured Work"
|
||||
description="A glimpse into the brands we've helped dominate."
|
||||
@@ -276,23 +179,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Clients Served",
|
||||
value: "150+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Clients Served", value: "150+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: TrendingUp,
|
||||
title: "Growth Delivered",
|
||||
value: "300%",
|
||||
},
|
||||
id: "m2", icon: TrendingUp,
|
||||
title: "Growth Delivered", value: "300%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Campaigns Launched",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Campaigns Launched", value: "500+"},
|
||||
]}
|
||||
title="The Impact"
|
||||
description="Real results, measurable growth."
|
||||
@@ -307,25 +201,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -336,14 +220,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Let's Grow Your Brand Together. Are you ready to dominate your industry?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Now", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,8 +233,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Get In Touch. Reach out for consultations, strategy sessions, or creative inquiries."
|
||||
/>
|
||||
</div>
|
||||
@@ -362,37 +242,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user