1 Commits

Author SHA1 Message Date
332ec4e18d Update src/app/page.tsx 2026-04-14 02:25:12 +00:00

View File

@@ -8,7 +8,6 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
export default function LandingPage() { export default function LandingPage() {
@@ -30,47 +29,30 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
]} ]}
brandName="Divine Meridian" brandName="Divine Meridian"
button={{ button={{
text: "Get Started", text: "Get Started", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Elevate Your Digital Presence" title="Elevate Your Digital Presence"
description="Divine Meridian crafts high-performance digital experiences tailored to boost interaction and scale small businesses into industry leaders." description="Divine Meridian crafts high-performance digital experiences tailored to boost interaction and scale small businesses into industry leaders."
tag="Launch Your Digital Future" tag="Launch Your Digital Future"
buttons={[ buttons={[
{ {
text: "See Our Work", text: "See Our Work", href: "#features"},
href: "#features",
},
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg" imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941514.jpg"
/> />
@@ -83,17 +65,11 @@ export default function LandingPage() {
description="We bridge the gap for small businesses by building modern, responsive, and high-tech websites that captivate and convert your target audience." description="We bridge the gap for small businesses by building modern, responsive, and high-tech websites that captivate and convert your target audience."
metrics={[ metrics={[
{ {
value: "150%", value: "150%", title: "Avg Traffic Boost"},
title: "Avg Traffic Boost",
},
{ {
value: "99.9%", value: "99.9%", title: "Uptime Reliability"},
title: "Uptime Reliability",
},
{ {
value: "24/7", value: "24/7", title: "Expert Support"},
title: "Expert Support",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617185.jpg" imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617185.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
@@ -107,26 +83,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Design", tag: "Design", title: "Modern UI/UX", subtitle: "Captivating visuals", description: "Custom designs crafted to hold attention and boost engagement.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-email-icon-with-two-messages_1134-66.jpg"},
title: "Modern UI/UX",
subtitle: "Captivating visuals",
description: "Custom designs crafted to hold attention and boost engagement.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-email-icon-with-two-messages_1134-66.jpg",
},
{ {
tag: "Tech", tag: "Tech", title: "Mobile Responsive", subtitle: "Works everywhere", description: "Seamless functionality on every device for every customer.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg"},
title: "Mobile Responsive",
subtitle: "Works everywhere",
description: "Seamless functionality on every device for every customer.",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg",
},
{ {
tag: "Data", tag: "Data", title: "Performance Analytics", subtitle: "Track your success", description: "Real-time metrics to guide your business growth and decisions.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg"},
title: "Performance Analytics",
subtitle: "Track your success",
description: "Real-time metrics to guide your business growth and decisions.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg",
},
]} ]}
title="Built for Growth & Scalability" title="Built for Growth & Scalability"
description="Our core services ensure your brand stands out with modern design and robust performance." description="Our core services ensure your brand stands out with modern design and robust performance."
@@ -140,104 +101,30 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Jenkins", handle: "@sarah_j", testimonial: "Divine Meridian changed how our customers interact with our brand. The site is beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nerdy-waitress-work_329181-2082.jpg"},
name: "Sarah Jenkins",
handle: "@sarah_j",
testimonial: "Divine Meridian changed how our customers interact with our brand. The site is beautiful.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-nerdy-waitress-work_329181-2082.jpg",
},
{ {
id: "2", id: "2", name: "Michael Chen", handle: "@m_chen_lab", testimonial: "The performance boost and design overhaul were exactly what our growing startup needed.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg"},
name: "Michael Chen",
handle: "@m_chen_lab",
testimonial: "The performance boost and design overhaul were exactly what our growing startup needed.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
},
{ {
id: "3", id: "3", name: "Emily Rosa", handle: "@rosa_design", testimonial: "Professional, fast, and modern. My store looks so much better and sales increased.", imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg"},
name: "Emily Rosa",
handle: "@rosa_design",
testimonial: "Professional, fast, and modern. My store looks so much better and sales increased.",
imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg",
},
{ {
id: "4", id: "4", name: "David Kim", handle: "@dk_tech", testimonial: "They made the entire process so easy and the tech stack is top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg"},
name: "David Kim",
handle: "@dk_tech",
testimonial: "They made the entire process so easy and the tech stack is top-tier.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg",
},
{ {
id: "5", id: "5", name: "Alice Wong", handle: "@alice_w", testimonial: "Absolutely worth the investment. My new site feels like it belongs in the future.", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
name: "Alice Wong",
handle: "@alice_w",
testimonial: "Absolutely worth the investment. My new site feels like it belongs in the future.",
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
},
]} ]}
title="Trusted by Small Businesses" title="Trusted by Small Businesses"
description="See why business owners choose Divine Meridian to power their digital growth." description="See why business owners choose Divine Meridian to power their digital growth."
/> />
</div> </div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split-actions"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$1,200",
subtitle: "For small business starters",
features: [
"Responsive design",
"5 content pages",
"Fast support",
],
buttons: [
{
text: "Contact Us",
href: "#contact",
},
],
},
{
id: "pro",
badge: "Growth",
price: "$2,500",
subtitle: "For established businesses",
features: [
"Everything in Basic",
"Advanced Analytics",
"Custom features",
],
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
},
]}
title="Choose Your Growth Plan"
description="Affordable tiers designed to meet your specific business needs at every stage."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
text="Ready to redefine your digital future? Contact us for a free strategy consultation today." text="Ready to redefine your digital future? Contact us for a free strategy consultation today."
buttons={[ buttons={[
{ {
text: "Email Us Now", text: "Email Us Now", href: "mailto:hello@divinemeridian.com"},
href: "mailto:hello@divinemeridian.com",
},
]} ]}
/> />
</div> </div>
@@ -246,13 +133,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Divine Meridian" logoText="Divine Meridian"
leftLink={{ leftLink={{
text: "© 2024 Divine Meridian", text: "© 2024 Divine Meridian", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>