Merge version_2 into main #2
171
src/app/page.tsx
171
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MF Agency Lab"
|
||||
/>
|
||||
@@ -52,63 +40,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Creative Content & Digital Growth"
|
||||
description="We scale your brand through professional content production, custom web development, and strategic marketing management."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-female-business-executives-working-together_1170-775.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Media",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Marketing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,64 +68,23 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Production",
|
||||
title: "Content Production",
|
||||
subtitle: "On-site creative production",
|
||||
description: "Professional video and photography services delivered directly at your client premises.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-support-colleagues-assisting-clients-needing-help-resetting-password_482257-117967.jpg",
|
||||
},
|
||||
tag: "Production", title: "Content Production", subtitle: "On-site creative production", description: "Professional video and photography services delivered directly at your client premises.", imageSrc: "http://img.b2bpic.net/free-photo/customer-support-colleagues-assisting-clients-needing-help-resetting-password_482257-117967.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Development",
|
||||
title: "Web Solutions",
|
||||
subtitle: "Creation and management",
|
||||
description: "Full-stack website development, ongoing management, and technical support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104489.jpg",
|
||||
},
|
||||
tag: "Development", title: "Website Management", subtitle: "Creation and maintenance", description: "Full-stack website development, ongoing management, and technical support.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104489.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Marketing",
|
||||
title: "Growth Strategy",
|
||||
subtitle: "Marketing management",
|
||||
description: "Comprehensive marketing management to scale reach and drive conversions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-marketing-startup-icon_53876-133749.jpg",
|
||||
},
|
||||
tag: "Marketing", title: "Marketing Management", subtitle: "Growth Strategy", description: "Comprehensive marketing management to scale reach and drive conversions.", imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-marketing-startup-icon_53876-133749.jpg"},
|
||||
]}
|
||||
title="Our Full Services"
|
||||
description="Everything your brand needs to succeed digitally."
|
||||
title="Our Services"
|
||||
description="Tailored solutions for your digital growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Wright",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
@@ -199,9 +94,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to scale your brand?"
|
||||
description="Contact MF Agency Lab to discuss your project."
|
||||
@@ -214,44 +107,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="MF Agency Lab"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Content Production",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Website Creation",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Marketing Management",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Content Production", href: "#services" }, { label: "Website Management", href: "#services" }, { label: "Marketing Management", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #fff0d3;
|
||||
--card: #fdf7e8;
|
||||
--foreground: #2e3a23;
|
||||
--primary-cta: #2e3a23;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #fff0d3;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #15479c;
|
||||
--background-accent: #e2e2e2;
|
||||
--accent: #2e3a23;
|
||||
--background-accent: #f3e1bf;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user