Merge version_1 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mor.Web"
|
||||
/>
|
||||
@@ -57,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Get Your Business Online in 24 Hours"
|
||||
description="Affordable, fast, and professional websites for local businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Demo Websites",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Demo Websites", href: "#portfolio"},
|
||||
{
|
||||
text: "Get My Website",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get My Website", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg?_wi=1",
|
||||
imageAlt: "Agency Hero 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", imageAlt: "Agency Hero 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg?_wi=2",
|
||||
imageAlt: "Agency Hero 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", imageAlt: "Agency Hero 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg?_wi=3",
|
||||
imageAlt: "Agency Hero 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", imageAlt: "Agency Hero 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg?_wi=4",
|
||||
imageAlt: "Agency Hero 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", imageAlt: "Agency Hero 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg?_wi=5",
|
||||
imageAlt: "Agency Hero 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", imageAlt: "Agency Hero 5"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,43 +79,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Business Websites",
|
||||
description: "Professional sites for your growing business.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=1",
|
||||
imageAlt: "Business Websites",
|
||||
},
|
||||
id: "1", title: "Business Websites", description: "Professional sites for your growing business.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", imageAlt: "minimalist business agency office"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg?_wi=6",
|
||||
imageAlt: "minimalist business agency office",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Landing Pages",
|
||||
description: "High-converting pages for specific offers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=2",
|
||||
imageAlt: "Landing Pages",
|
||||
},
|
||||
id: "2", title: "Landing Pages", description: "High-converting pages for specific offers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "web development digital interface"},
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=3",
|
||||
imageAlt: "web development digital interface",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Google Listing Setup",
|
||||
description: "Get found on Google Maps easily.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg?_wi=4",
|
||||
imageAlt: "Google Listing",
|
||||
},
|
||||
id: "3", title: "Google Listing Setup", description: "Get found on Google Maps easily.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg", imageAlt: "luxury hotel website design"},
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=1",
|
||||
imageAlt: "luxury hotel website design",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -156,47 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hotel Design",
|
||||
price: "Preview",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Hotel Design", price: "Preview", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Restaurant Design",
|
||||
price: "Preview",
|
||||
variant: "Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Restaurant Design", price: "Preview", variant: "Business", imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Local Shop Design",
|
||||
price: "Preview",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Local Shop Design", price: "Preview", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Portfolio Design",
|
||||
price: "Preview",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg?_wi=3",
|
||||
},
|
||||
id: "4", name: "Portfolio Design", price: "Preview", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hardware Store",
|
||||
price: "Preview",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Hardware Store", price: "Preview", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cafe Design",
|
||||
price: "Preview",
|
||||
variant: "Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg?_wi=2",
|
||||
},
|
||||
id: "6", name: "Cafe Design", price: "Preview", variant: "Business", imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg"},
|
||||
]}
|
||||
title="Demo Websites"
|
||||
description="Preview our professional designs."
|
||||
@@ -210,56 +134,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$199",
|
||||
subtitle: "Basic Website",
|
||||
features: [
|
||||
"Mobile Friendly",
|
||||
"1 Page",
|
||||
"Google Map Setup",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$199", subtitle: "Basic Website", features: [
|
||||
"Mobile Friendly", "1 Page", "Google Map Setup"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "Popular",
|
||||
price: "$399",
|
||||
subtitle: "Business Website",
|
||||
features: [
|
||||
"Mobile Friendly",
|
||||
"5 Pages",
|
||||
"Google Map Setup",
|
||||
"Fast Support",
|
||||
],
|
||||
id: "business", badge: "Popular", price: "$399", subtitle: "Business Website", features: [
|
||||
"Mobile Friendly", "5 Pages", "Google Map Setup", "Fast Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Advanced",
|
||||
price: "$699",
|
||||
subtitle: "Premium Website",
|
||||
features: [
|
||||
"Mobile Friendly",
|
||||
"Unlimited Pages",
|
||||
"Custom Design",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "premium", badge: "Advanced", price: "$699", subtitle: "Premium Website", features: [
|
||||
"Mobile Friendly", "Unlimited Pages", "Custom Design", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -275,17 +170,11 @@ export default function LandingPage() {
|
||||
description="We build fast, professional websites so you can focus on your business."
|
||||
metrics={[
|
||||
{
|
||||
value: "24hr",
|
||||
title: "Fast Delivery",
|
||||
},
|
||||
value: "24hr", title: "Fast Delivery"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Mobile Optimized",
|
||||
},
|
||||
value: "100%", title: "Mobile Optimized"},
|
||||
{
|
||||
value: "Affordable",
|
||||
title: "Best Prices",
|
||||
},
|
||||
value: "Affordable", title: "Best Prices"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-with-laptops-office_23-2147656717.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -297,18 +186,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Tell us about your business and we’ll build your website."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/yournumber"},
|
||||
{
|
||||
text: "Contact Form",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Form", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,29 +202,19 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-hotel-interior_1203-8510.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Mor.Web",
|
||||
items: [
|
||||
title: "Mor.Web", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/number",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/number"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@morweb.com",
|
||||
},
|
||||
label: "Email", href: "mailto:info@morweb.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user