Merge version_2 into main #4
199
src/app/page.tsx
199
src/app/page.tsx
@@ -2,15 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, TrendingUp, Users, Zap, Camera, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -22,25 +23,20 @@ export default function LandingPage() {
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work", id: "portfolio"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Work", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Iconicmatt"
|
||||
/>
|
||||
@@ -49,59 +45,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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: "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: "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"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ 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"
|
||||
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/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/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"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Innovative Strategy"},
|
||||
{
|
||||
type: "text", text: "High ROI Campaigns"},
|
||||
{
|
||||
type: "text", text: "Elite Creative"},
|
||||
{
|
||||
type: "text", text: "Future Focused"},
|
||||
{
|
||||
type: "text", text: "Proven Results"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,18 +63,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "Social Media", description: "Engaging, high-conversion content strategies for all platforms.", buttonIcon: Zap },
|
||||
{ title: "Performance Marketing", description: "Data-backed campaigns to maximize your advertising ROI.", buttonIcon: TrendingUp },
|
||||
{ title: "Branding & Strategy", description: "Defining your identity and market position for long-term growth.", buttonIcon: Shield },
|
||||
{ title: "Content Creation", description: "Stunning visuals and copy that resonate with your audience.", buttonIcon: Camera },
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Premium digital services designed to scale your vision."
|
||||
@@ -135,12 +80,9 @@ export default function LandingPage() {
|
||||
title="Innovating the Iconic"
|
||||
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: "Data-Driven", description: "Strategy backed by real analytics."},
|
||||
{
|
||||
title: "Future Focused", description: "Always ahead of market trends."},
|
||||
{ title: "Expert Team", description: "Top-tier strategists and creators." },
|
||||
{ title: "Data-Driven", description: "Strategy backed by real analytics." },
|
||||
{ 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"
|
||||
@@ -153,20 +95,6 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "p3", name: "Brand Revamp C", price: "Featured", imageSrc: "http://img.b2bpic.net/free-vector/repair_24908-54063.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?_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?_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?_wi=2"},
|
||||
]}
|
||||
title="Our Featured Work"
|
||||
description="A glimpse into the brands we've helped dominate."
|
||||
/>
|
||||
@@ -178,15 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Users,
|
||||
title: "Clients Served", value: "150+"},
|
||||
{
|
||||
id: "m2", icon: TrendingUp,
|
||||
title: "Growth Delivered", value: "300%"},
|
||||
{
|
||||
id: "m3", icon: Award,
|
||||
title: "Campaigns Launched", value: "500+"},
|
||||
{ id: "m1", icon: Users, title: "Clients Served", value: "150+" },
|
||||
{ id: "m2", icon: TrendingUp, title: "Growth Delivered", value: "300%" },
|
||||
{ id: "m3", icon: Award, title: "Campaigns Launched", value: "500+" },
|
||||
]}
|
||||
title="The Impact"
|
||||
description="Real results, measurable growth."
|
||||
@@ -194,75 +116,44 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonial="Working with Iconicmatt was the best decision for our brand. They truly define digital excellence."
|
||||
rating={5}
|
||||
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/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/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"},
|
||||
title="Client Success"
|
||||
description="What our partners say about us."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marcus Thorne", role: "CEO", testimonial: "Working with Iconicmatt was the best decision for our brand. They truly define digital excellence." },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Let's Grow Your Brand Together. Are you ready to dominate your industry?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Now", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Reach out for consultations, strategy sessions, or creative inquiries."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Get In Touch. Reach out for consultations, strategy sessions, or creative inquiries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="Iconicmatt.official"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,8 +10,8 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #aaff00;
|
||||
--primary-cta-text: #000000;
|
||||
|
||||
Reference in New Issue
Block a user