Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fa44989e36 | |||
| 7a3ac556b3 | |||
| 9918f39e66 | |||
| 34a75c40ab | |||
| 6e539dbc94 | |||
| 9d0ee9c797 | |||
| 9833894e95 | |||
| 5f0726fbec | |||
| 6374d88ac7 | |||
| cc81376439 | |||
| 332ec4e18d |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Mulish } from "next/font/google";
|
import { Mulish } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,9 +21,11 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const mulish = Mulish({
|
|
||||||
variable: "--font-mulish",
|
const libreBaskerville = Libre_Baskerville({
|
||||||
|
variable: "--font-libre-baskerville",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
|
weight: ["400", "700"],
|
||||||
});
|
});
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
variable: "--font-inter",
|
variable: "--font-inter",
|
||||||
@@ -37,7 +40,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
218
src/app/page.tsx
218
src/app/page.tsx
@@ -8,8 +8,9 @@ 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';
|
||||||
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||||
|
import { CheckCircle } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,48 +30,27 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "About", id: "#about" },
|
||||||
id: "/",
|
{ name: "Features", id: "#features" },
|
||||||
},
|
{ name: "Pricing", id: "#pricing" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Features",
|
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Divine Meridian"
|
brandName="1412 Enterprises"
|
||||||
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="1412 Enterprises 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", href: "#features" },
|
||||||
text: "See Our Work",
|
{ text: "Get Started", href: "#contact" },
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Get Started",
|
|
||||||
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"
|
||||||
/>
|
/>
|
||||||
@@ -82,18 +62,9 @@ export default function LandingPage() {
|
|||||||
title="Transforming Visions into Digital Reality"
|
title="Transforming Visions into Digital Reality"
|
||||||
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%", title: "Avg Traffic Boost" },
|
||||||
value: "150%",
|
{ value: "99.9%", title: "Uptime Reliability" },
|
||||||
title: "Avg Traffic Boost",
|
{ value: "24/7", title: "Expert Support" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "99.9%",
|
|
||||||
title: "Uptime Reliability",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "24/7",
|
|
||||||
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"
|
||||||
@@ -106,156 +77,71 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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",
|
{ 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: "Modern UI/UX",
|
{ 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" },
|
||||||
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: "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"
|
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."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="pricing" data-section="pricing">
|
||||||
|
<PricingCardEight
|
||||||
|
animationType="slide-up"
|
||||||
|
title="Investment Options"
|
||||||
|
description="Simple, transparent pricing to get 1412 Enterprises working for your brand."
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
plans={[
|
||||||
|
{
|
||||||
|
id: "basic-website", badge: "Starter", badgeIcon: CheckCircle,
|
||||||
|
price: "$200", subtitle: "Setup Cost", features: ["Responsive Web Design", "Optimized for Performance", "Core Features Included"],
|
||||||
|
buttons: [{ text: "Get Started", href: "#contact" }]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "tech-support", badge: "Tech Support", badgeIcon: CheckCircle,
|
||||||
|
price: "$5.99", subtitle: "Per Month", features: ["24/7 Tech Support", "Routine Maintenance", "Priority Assistance"],
|
||||||
|
buttons: [{ text: "Subscribe", href: "#contact" }]
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSix
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split-description"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah Jenkins", handle: "@sarah_j", testimonial: "1412 Enterprises 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",
|
{ 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: "Sarah Jenkins",
|
{ 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" },
|
||||||
handle: "@sarah_j",
|
{ 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" },
|
||||||
testimonial: "Divine Meridian changed how our customers interact with our brand. The site is beautiful.",
|
{ 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" },
|
||||||
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: "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: "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"
|
title="Trusted by Small Businesses"
|
||||||
description="See why business owners choose Divine Meridian to power their digital growth."
|
description="See why business owners choose 1412 Enterprises 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>
|
||||||
|
|
||||||
<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", href: "mailto:hello@1412enterprises.com" }]}
|
||||||
{
|
|
||||||
text: "Email Us Now",
|
|
||||||
href: "mailto:hello@divinemeridian.com",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Divine Meridian"
|
logoText="1412 Enterprises"
|
||||||
leftLink={{
|
leftLink={{ text: "© 2024 1412 Enterprises", href: "#" }}
|
||||||
text: "© 2024 Divine Meridian",
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
|
||||||
text: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-mulish), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #191970;
|
||||||
--card: #1a1a1a;
|
--card: #1a1a1a;
|
||||||
--foreground: #ffffff;
|
--foreground: #ffffff;
|
||||||
--primary-cta: #1f7cff;
|
--primary-cta: #1f7cff;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #010101;
|
--secondary-cta: #010101;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #ffffff;
|
||||||
--accent: #1f7cff;
|
--accent: #ff7dab;
|
||||||
--background-accent: #f96b2f;
|
--background-accent: #bc1eff;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user