Merge version_1 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LMJ Web Studio"
|
||||
/>
|
||||
@@ -59,64 +44,29 @@ export default function LandingPage() {
|
||||
logoText="LMJ Web Studio"
|
||||
description="We Build Websites That Turn Visitors Into Clients. Luxury, high-converting websites for modern businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Website",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "Get Your Website", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#portfolio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Website Design",
|
||||
description: "Custom, bespoke designs tailored to your brand identity.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-red-dye-water_23-2147745440.jpg",
|
||||
imageAlt: "Yellow and red dye in water",
|
||||
},
|
||||
id: "f1", title: "Website Design", description: "Custom, bespoke designs tailored to your brand identity.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/yellow-red-dye-water_23-2147745440.jpg", imageAlt: "Yellow and red dye in water"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Website Redesign",
|
||||
description: "Revitalize your online presence with modern, faster interfaces.",
|
||||
tag: "Redesign",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg?_wi=2",
|
||||
imageAlt: "Yellow and red dye in water",
|
||||
},
|
||||
id: "f2", title: "Website Redesign", description: "Revitalize your online presence with modern, faster interfaces.", tag: "Redesign", imageSrc: "http://img.b2bpic.net/free-photo/reflections-abstract-background_1017-2648.jpg", imageAlt: "Yellow and red dye in water"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Landing Pages",
|
||||
description: "High-converting single pages built for maximum ROI.",
|
||||
tag: "Landing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg?_wi=1",
|
||||
imageAlt: "Yellow and red dye in water",
|
||||
},
|
||||
id: "f3", title: "Landing Pages", description: "High-converting single pages built for maximum ROI.", tag: "Landing", imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg", imageAlt: "Yellow and red dye in water"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Mobile Optimization",
|
||||
description: "Flawless performance across every mobile device.",
|
||||
tag: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg?_wi=1",
|
||||
imageAlt: "Yellow and red dye in water",
|
||||
},
|
||||
id: "f4", title: "Mobile Optimization", description: "Flawless performance across every mobile device.", tag: "Mobile", imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg", imageAlt: "Yellow and red dye in water"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "SEO Basics",
|
||||
description: "Foundation-level search engine optimization included.",
|
||||
tag: "SEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg?_wi=1",
|
||||
imageAlt: "Yellow and red dye in water",
|
||||
},
|
||||
id: "f5", title: "SEO Basics", description: "Foundation-level search engine optimization included.", tag: "SEO", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg", imageAlt: "Yellow and red dye in water"},
|
||||
]}
|
||||
title="Premium Web Services"
|
||||
description="Crafting digital experiences that drive growth."
|
||||
@@ -130,48 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxe Fashion Portal",
|
||||
price: "View Demo",
|
||||
variant: "Bespoke Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tech Startup SaaS",
|
||||
price: "View Demo",
|
||||
variant: "SaaS Platform",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Corporate Identity",
|
||||
price: "View Demo",
|
||||
variant: "Landing Page",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-Commerce Boutique",
|
||||
price: "View Demo",
|
||||
variant: "Storefront",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Luxury Real Estate",
|
||||
price: "View Demo",
|
||||
variant: "App UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-53598.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Consultant Portfolio",
|
||||
price: "View Demo",
|
||||
variant: "Personal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxe Fashion Portal", price: "View Demo", variant: "Bespoke Web", imageSrc: "http://img.b2bpic.net/free-photo/website-presentation-with-laptop-device_23-2150651185.jpg" },
|
||||
{ id: "p2", name: "Tech Startup SaaS", price: "View Demo", variant: "SaaS Platform", imageSrc: "http://img.b2bpic.net/free-psd/gradient-e-commerce-landing-page-template_23-2149986826.jpg" },
|
||||
{ id: "p3", name: "Corporate Identity", price: "View Demo", variant: "Landing Page", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-computer-screen_23-2149416723.jpg" },
|
||||
{ id: "p4", name: "E-Commerce Boutique", price: "View Demo", variant: "Storefront", imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917874.jpg" },
|
||||
{ id: "p5", name: "Luxury Real Estate", price: "View Demo", variant: "App UI", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-table-dark-top-view-copy-space_169016-53598.jpg" },
|
||||
{ id: "p6", name: "Consultant Portfolio", price: "View Demo", variant: "Personal", imageSrc: "http://img.b2bpic.net/free-photo/african-american-investment-expert-works-home-analyzing-financial-statistics_482257-120570.jpg" },
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Showcasing high-end digital work."
|
||||
@@ -184,41 +98,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivier",
|
||||
role: "CEO",
|
||||
testimonial: "The design quality is unmatched. LMJ transformed our business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-dark-eyed-mulatto-guy-standing-yellow-wall-with-hands-pockets-indoor-photo-african-young-man-casual-suit-wears-black-hat_197531-21937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam Thorne",
|
||||
role: "Founder",
|
||||
testimonial: "Absolutely incredible experience working with LMJ Studio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Lopez",
|
||||
role: "Marketing",
|
||||
testimonial: "Professional, fast, and exactly what we needed to scale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin Chen",
|
||||
role: "Tech Lead",
|
||||
testimonial: "A truly high-end approach to modern web development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sara B.",
|
||||
role: "Consultant",
|
||||
testimonial: "They built a site that makes us money immediately.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivier", role: "CEO", testimonial: "The design quality is unmatched. LMJ transformed our business.", imageSrc: "http://img.b2bpic.net/free-photo/serious-dark-eyed-mulatto-guy-standing-yellow-wall-with-hands-pockets-indoor-photo-african-young-man-casual-suit-wears-black-hat_197531-21937.jpg" },
|
||||
{ id: "t2", name: "Sam Thorne", role: "Founder", testimonial: "Absolutely incredible experience working with LMJ Studio.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg" },
|
||||
{ id: "t3", name: "Maria Lopez", role: "Marketing", testimonial: "Professional, fast, and exactly what we needed to scale.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg" },
|
||||
{ id: "t4", name: "Kevin Chen", role: "Tech Lead", testimonial: "A truly high-end approach to modern web development.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
{ id: "t5", name: "Sara B.", role: "Consultant", testimonial: "They built a site that makes us money immediately.", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Don't just take our word for it."
|
||||
@@ -232,55 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pr1",
|
||||
badge: "Essential",
|
||||
price: "$2,500",
|
||||
subtitle: "Perfect for new startups.",
|
||||
features: [
|
||||
"Custom Design",
|
||||
"Mobile Friendly",
|
||||
"Basic SEO",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pr1", badge: "Essential", price: "$2,500", subtitle: "Perfect for new startups.", features: ["Custom Design", "Mobile Friendly", "Basic SEO"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pr2",
|
||||
badge: "Growth",
|
||||
price: "$5,000",
|
||||
subtitle: "For businesses scaling fast.",
|
||||
features: [
|
||||
"Full Custom Build",
|
||||
"E-commerce Ready",
|
||||
"Advanced Analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pr2", badge: "Growth", price: "$5,000", subtitle: "For businesses scaling fast.", features: ["Full Custom Build", "E-commerce Ready", "Advanced Analytics"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pr3",
|
||||
badge: "Premium",
|
||||
price: "$10,000+",
|
||||
subtitle: "Bespoke digital architecture.",
|
||||
features: [
|
||||
"Enterprise Level",
|
||||
"Priority Support",
|
||||
"Custom Integrations",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pr3", badge: "Premium", price: "$10,000+", subtitle: "Bespoke digital architecture.", features: ["Enterprise Level", "Priority Support", "Custom Integrations"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Flexible Investment"
|
||||
@@ -291,19 +136,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Let’s build something that makes you money."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact on WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@lmjweb.studio",
|
||||
},
|
||||
{ text: "Contact on WhatsApp", href: "https://wa.me/yournumber" },
|
||||
{ text: "Email Us", href: "mailto:hello@lmjweb.studio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,43 +149,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
title: "Studio", items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 LMJ Web Studio"
|
||||
|
||||
Reference in New Issue
Block a user