Merge version_2 into main #1
163
src/app/page.tsx
163
src/app/page.tsx
@@ -8,7 +8,6 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,47 +29,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
]}
|
||||
brandName="Divine Meridian"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Digital Presence"
|
||||
description="Divine Meridian crafts high-performance digital experiences tailored to boost interaction and scale small businesses into industry leaders."
|
||||
tag="Launch Your Digital Future"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#features",
|
||||
},
|
||||
text: "See Our Work", href: "#features"},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
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."
|
||||
metrics={[
|
||||
{
|
||||
value: "150%",
|
||||
title: "Avg Traffic Boost",
|
||||
},
|
||||
value: "150%", title: "Avg Traffic Boost"},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
},
|
||||
value: "99.9%", title: "Uptime Reliability"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Expert Support",
|
||||
},
|
||||
value: "24/7", title: "Expert Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617185.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -107,26 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="Built for Growth & Scalability"
|
||||
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}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Trusted by Small Businesses"
|
||||
description="See why business owners choose Divine Meridian to power their digital growth."
|
||||
/>
|
||||
</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">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to redefine your digital future? Contact us for a free strategy consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us Now",
|
||||
href: "mailto:hello@divinemeridian.com",
|
||||
},
|
||||
text: "Email Us Now", href: "mailto:hello@divinemeridian.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -246,16 +133,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Divine Meridian"
|
||||
leftLink={{
|
||||
text: "© 2024 Divine Meridian",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Divine Meridian", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user