Switch to version 2: modified src/app/page.tsx
This commit is contained in:
153
src/app/page.tsx
153
src/app/page.tsx
@@ -2,153 +2,156 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Megaphone, Target, BarChart3, Users, Star } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function UDDigitalMarketingPage() {
|
||||
export default function HiveManagementPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Performance", id: "metrics" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="UD Digital Marketing"
|
||||
brandName="Hive Management"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Scale Your Brand with Digital Precision"
|
||||
description="Data-driven marketing strategies tailored to elevate your business presence and drive measurable growth."
|
||||
tag="UD Digital Marketing"
|
||||
buttons={[{ text: "Start Your Growth" }, { text: "View Our Work" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/marketing-strategy-meeting_23-2148737380.jpg"
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unified Management for Your Apiary Business"
|
||||
description="Streamline your colony health, staff schedules, and harvest distribution with our enterprise-grade management platform."
|
||||
tag="Hive Management Solutions"
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", handle: "@millers_honey", testimonial: "The centralization of hive records has increased our staff efficiency by 40%.", rating: 5 }
|
||||
]}
|
||||
buttons={[{ text: "Get Started" }, { text: "Request Demo" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hives-with-bees_93675-128598.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="Your Strategic Marketing Partner"
|
||||
description="We bridge the gap between creative storytelling and analytical performance, helping brands connect with their ideal audience."
|
||||
subdescription="Our experts specialize in multi-channel digital campaigns that maximize ROI and foster lasting customer relationships."
|
||||
icon={Megaphone}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/diverse-business-team-working_23-2148440815.jpg"
|
||||
<TextAbout
|
||||
title="Empowering Business Operations in Apiary Science"
|
||||
tag="Our Mission"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Read Our Story" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
title="Tailored Digital Solutions"
|
||||
description="Expertly crafted services to handle every aspect of your online presence."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Comprehensive Administration"
|
||||
description="Tools built to manage your inventory, staff, and bee health in one interface."
|
||||
features={[
|
||||
{ title: "SEO & Content", description: "Dominate search rankings and build authority with strategic content.", imageSrc: "https://img.b2bpic.net/free-photo/seo-optimization-concept_23-2148737380.jpg", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Social Media", description: "Engaging content that drives community interaction and brand loyalty.", imageSrc: "https://img.b2bpic.net/free-photo/social-media-marketing_23-2148737380.jpg", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Paid Advertising", description: "High-converting campaigns across all major advertising platforms.", imageSrc: "https://img.b2bpic.net/free-photo/paid-ad-strategy_23-2148737380.jpg", titleImageSrc: "", buttonText: "Learn More" }
|
||||
{ id: "1", title: "Resource Planning", author: "Operations", description: "Automate your inventory procurement and resource allocation.", tags: ["Planning", "Enterprise"], imageSrc: "http://img.b2bpic.net/free-photo/beekeeper-working-bee-farm_23-2151441180.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Proven Performance Metrics"
|
||||
description="The data behind our digital strategies."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
title="Business Growth Metrics"
|
||||
description="Track your bottom-line performance across all your apiary sites."
|
||||
metrics={[
|
||||
{ id: "1", icon: Target, title: "Client Retention", value: "98%" },
|
||||
{ id: "2", icon: BarChart3, title: "Avg. Growth", value: "150%" },
|
||||
{ id: "3", icon: Users, title: "Lead Gen", value: "12k+" }
|
||||
{ id: "1", value: "85%", description: "Revenue growth in 2024" },
|
||||
{ id: "2", value: "1.2M", description: "Pounds of honey processed" },
|
||||
{ id: "3", value: "50+", description: "Regional sites managed" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Transparent Campaign Plans"
|
||||
description="Select the partnership tier that aligns with your scaling goals."
|
||||
textboxLayout="split"
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Transparent Enterprise Pricing"
|
||||
description="Choose the right management suite for your operational scale."
|
||||
plans={[
|
||||
{ id: "start", title: "Growth", price: "$999", period: "/mo", features: ["SEO Audit", "Basic Ads", "Monthly Report"], button: { text: "Get Started" } },
|
||||
{ id: "scale", title: "Scale", price: "$2,499", period: "/mo", features: ["Advanced SEO", "Full Ads Suite", "Weekly Reports", "Dedicated Manager"], button: { text: "Choose Scale" } }
|
||||
{ id: "standard", badge: "Standard", price: "$499/mo", subtitle: "Essential management tools", buttons: [{ text: "Select Plan" }], features: ["Inventory Tracking", "Staff Roles", "Basic Reports"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Full suite, dedicated support", buttons: [{ text: "Contact Sales" }], features: ["API Access", "Predictive AI Analytics", "Dedicated Consultant"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Success Stories"
|
||||
description="Don't just take our word for it—see what our partners say."
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success Stories"
|
||||
description="Hear from apiary businesses scaling with Hive Management."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex P.", date: "Oct 2023", title: "Exceptional Growth", quote: "UD transformed our digital strategy and revenue.", tag: "Retail", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-successful-manager_23-2148440815.jpg" }
|
||||
{ id: "1", name: "Alex Rivers", handle: "@riverbees", testimonial: "The only platform that handles the administrative complexity of large-scale beekeeping.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Questions?"
|
||||
description="We're here to clarify our process."
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Common queries about our administration service."
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do we measure success?", content: "We define clear KPIs at the start of every partnership and provide real-time reporting dashboards." }
|
||||
{ id: "1", title: "Can I integrate my existing inventory?", content: "Yes, we provide standard API imports for most ERPs." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get in touch"
|
||||
title="Ready to scale?"
|
||||
description="Schedule your discovery call with our growth team today."
|
||||
<ContactSplit
|
||||
tag="Connect with us"
|
||||
title="Talk to a Hive Management Expert"
|
||||
description="Let's discuss how our administration tools can streamline your apiary business."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="UD Digital Marketing"
|
||||
<FooterBase
|
||||
logoText="Hive Management"
|
||||
columns={[
|
||||
{ title: "Solutions", items: [{ label: "SEO", href: "#" }, { label: "Ads", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
{ title: "Business", items: [{ label: "Products", href: "#" }, { label: "Enterprise", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user