bender/67ff5ca5-792b-495f-8d7c-6a1eba61f868
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-18 11:25:35 +00:00
Conversation 0 Commits 1 Files Changed 1 +45 -222
1 changed files with 45 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
src/app/page.tsx
View File

@@ -31,105 +31,45 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="MR POP"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Make Things Pop."
description="Transforming your brand experience with vibrant, high-energy designs that stand out in the digital noise."
kpis={[
{
value: "100+",
label: "Projects Done",
},
{
value: "95%",
label: "Retention Rate",
},
{
value: "24/7",
label: "Creative Support",
},
{ value: "100+", label: "Projects Done" },
{ value: "95%", label: "Retention Rate" },
{ value: "24/7", label: "Creative Support" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendered-design-elements-arrangement_23-2148996770.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg",
alt: "Portrait of creative director",
},
{
src: "http://img.b2bpic.net/free-photo/abstract-3d-design-elements-arrangement_23-2148996801.jpg",
alt: "Portrait of senior designer",
},
{
src: "http://img.b2bpic.net/free-photo/3d-rendered-design-elements-arrangement_23-2148996769.jpg",
alt: "Portrait of project manager",
},
{
src: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-made-abstract-geometric-shapes_23-2150300238.jpg",
alt: "Portrait of motion artist",
},
{
src: "http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg",
alt: "Portrait of brand strategist",
},
{ src: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428593.jpg", alt: "Portrait of creative director" },
{ src: "http://img.b2bpic.net/free-photo/abstract-3d-design-elements-arrangement_23-2148996801.jpg", alt: "Portrait of senior designer" },
{ src: "http://img.b2bpic.net/free-photo/3d-rendered-design-elements-arrangement_23-2148996769.jpg", alt: "Portrait of project manager" },
{ src: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-made-abstract-geometric-shapes_23-2150300238.jpg", alt: "Portrait of motion artist" },
{ src: "http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg", alt: "Portrait of brand strategist" },
]}
avatarText="Our core team of creatives"
marqueeItems={[
{
type: "text",
text: "Brand Strategy",
},
{
type: "text",
text: "Motion Graphics",
},
{
type: "text",
text: "UX/UI Design",
},
{
type: "text",
text: "Content Creation",
},
{
type: "text",
text: "Digital Identity",
},
{ type: "text", text: "Brand Strategy" },
{ type: "text", text: "Motion Graphics" },
{ type: "text", text: "UX/UI Design" },
{ type: "text", text: "Content Creation" },
{ type: "text", text: "Digital Identity" },
]}
/>
</div>
@@ -149,27 +89,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Design Strategy",
description: "Tailored strategies that align with your business goals perfectly.",
tag: "Strategy",
imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg",
},
{
id: "f2",
title: "Brand Identity",
description: "Comprehensive branding solutions that make your name unforgettable.",
tag: "Brand",
imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg",
},
{
id: "f3",
title: "Digital Assets",
description: "Engaging assets optimized for high performance and visual impact.",
tag: "Digital",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-doing-sport-with-stats_23-2150040521.jpg",
},
{ id: "f1", title: "Design Strategy", description: "Tailored strategies that align with your business goals perfectly.", tag: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/some-3d-glasses_23-2147775802.jpg" },
{ id: "f2", title: "Brand Identity", description: "Comprehensive branding solutions that make your name unforgettable.", tag: "Brand", imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg" },
{ id: "f3", title: "Digital Assets", description: "Engaging assets optimized for high performance and visual impact.", tag: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-doing-sport-with-stats_23-2150040521.jpg" },
]}
title="Our Strengths"
description="Key capabilities that define our studio and ensure excellence in every delivery."
@@ -181,61 +103,14 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
brand: "Studio",
name: "Basic Identity Package",
price: "$1,500",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg",
},
{
id: "p2",
brand: "Studio",
name: "Digital Motion Pack",
price: "$2,200",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg",
},
{
id: "p3",
brand: "Studio",
name: "Full Brand Relaunch",
price: "$5,000",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/good-food-defenses-against-illness_23-2149165844.jpg",
},
{
id: "p4",
brand: "Studio",
name: "Web Asset Suite",
price: "$3,000",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-golden-shopping-cart-with-white-glitter_23-2148667022.jpg",
},
{
id: "p5",
brand: "Studio",
name: "Custom Illustration",
price: "$1,200",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-candle_23-2149707897.jpg",
},
{
id: "p6",
brand: "Studio",
name: "Social Campaign Kit",
price: "$1,800",
rating: 5,
reviewCount: "11",
imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light-arrangement_23-2149835478.jpg",
},
{ id: "p1", brand: "Studio", name: "Basic Identity Package", price: "$1,500", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg" },
{ id: "p2", brand: "Studio", name: "Digital Motion Pack", price: "$2,200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/three-black-ducks_23-2147680069.jpg" },
{ id: "p3", brand: "Studio", name: "Full Brand Relaunch", price: "$5,000", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/good-food-defenses-against-illness_23-2149165844.jpg" },
{ id: "p4", brand: "Studio", name: "Web Asset Suite", price: "$3,000", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-golden-shopping-cart-with-white-glitter_23-2148667022.jpg" },
{ id: "p5", brand: "Studio", name: "Custom Illustration", price: "$1,200", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-candle_23-2149707897.jpg" },
{ id: "p6", brand: "Studio", name: "Social Campaign Kit", price: "$1,800", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/different-vases-with-blue-purple-light-arrangement_23-2149835478.jpg" },
]}
title="Curated Services"
description="Choose from our specialized creative services to elevate your brand to the next level."
@@ -249,21 +124,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
description: "Creative Concepts Developed",
},
{
id: "m2",
value: "50+",
description: "Happy Clients Served",
},
{
id: "m3",
value: "10+",
description: "Design Awards Won",
},
{ id: "m1", value: "150+", description: "Creative Concepts Developed" },
{ id: "m2", value: "50+", description: "Happy Clients Served" },
{ id: "m3", value: "10+", description: "Design Awards Won" },
]}
title="By the Numbers"
description="Proven results that speak volumes about our creative expertise and client dedication."
@@ -274,31 +137,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex Rivet",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-against-gray-background_23-2147943800.jpg",
},
{
id: "t2",
name: "Sarah Chen",
imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579722.jpg",
},
{
id: "t3",
name: "James Bond",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16279.jpg",
},
{
id: "t4",
name: "Emily Rose",
imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg",
},
{
id: "t5",
name: "Mike Ross",
imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
},
{ id: "t1", name: "Alex Rivet", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-against-gray-background_23-2147943800.jpg" },
{ id: "t2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579722.jpg" },
{ id: "t3", name: "James Bond", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16279.jpg" },
{ id: "t4", name: "Emily Rose", imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg" },
{ id: "t5", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg" },
]}
cardTitle="Client Voices"
cardTag="Testimonials"
@@ -311,21 +154,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do we start?",
content: "Simply reach out via our contact form and we'll schedule a discovery call.",
},
{
id: "q2",
title: "What is your typical turnaround?",
content: "Most projects are completed within 2 to 4 weeks depending on complexity.",
},
{
id: "q3",
title: "Can you handle large branding tasks?",
content: "Absolutely, we specialize in full brand redesigns and large-scale creative rollouts.",
},
{ id: "q1", title: "How do we start?", content: "Simply reach out via our contact form and we'll schedule a discovery call." },
{ id: "q2", title: "What is your typical turnaround?", content: "Most projects are completed within 2 to 4 weeks depending on complexity." },
{ id: "q3", title: "Can you handle large branding tasks?", content: "Absolutely, we specialize in full brand redesigns and large-scale creative rollouts." },
]}
imageSrc="http://img.b2bpic.net/free-photo/colon-punctuation-mark-left-side-with-white-background_187299-39766.jpg"
title="Common Questions"
@@ -338,9 +169,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Connect"
title="Ready to Pop?"
description="Let's create something iconic together. Send us a message to kick off your project."
@@ -352,14 +181,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="MR POP"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Use",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Use", href: "#" }}
/>
</div>
</ReactLenis>