Merge version_1 into main #1
441
src/app/page.tsx
441
src/app/page.tsx
@@ -15,319 +15,152 @@ import { Shield, Sparkles, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="Blue Creek Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Creek Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence Redefined. Bespoke Solutions for the Modern Enterprise."
|
||||
description="Blue Creek Services provides tailored, high-authority solutions for enterprises that demand precision, consistency, and absolute excellence."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-focused-colleagues-watching-discussing-content-computer-monitor-holding-pen-mouse-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-12034.jpg",
|
||||
imageAlt: "Luxurious Office Setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-center_1127-3157.jpg",
|
||||
imageAlt: "Corporate Architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-arrangement-with-empty-papers_23-2148488678.jpg",
|
||||
imageAlt: "Precision Consulting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg",
|
||||
imageAlt: "Material Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-brochure-template_1128-329.jpg",
|
||||
imageAlt: "Logistics Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011588.jpg",
|
||||
imageAlt: "Professional Entrance",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg",
|
||||
imageAlt: "Luxury Architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mental-specialist-looking-around-waiting-aa-meeting-start-woman-therapist-with-clipboard-thinking-about-group-therapy-session-give-guidance-support-people_482257-29659.jpg",
|
||||
imageAlt: "Business Meeting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-rat-figurines-turquoise-velvet_23-2148358112.jpg",
|
||||
imageAlt: "Luxury Interior Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-corporate-meeting-mock-up_23-2148339363.jpg",
|
||||
imageAlt: "Strategic Planning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/violet-abstract-geometric-business-cover-collection_23-2148848403.jpg",
|
||||
imageAlt: "Enterprise Solution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-black-clothes-standing-outside_23-2148053669.jpg",
|
||||
imageAlt: "Sophisticated Exterior",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Private Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-colleagues-watching-discussing-content-computer-monitor-pointing-display-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-11967.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-boss-manager-discussing-report-talking-while-sitting-standing-workplace-with-panoramic-window-business-communication-concept_74855-11957.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-working-document-restaurant_23-2147876637.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessmen-suit-taking-notes-visit-international-headquarters-shareholders-meeting-corporate-ceo-attendance-executive-associate-doing-last-minute-changes-speech_482257-72949.jpg",
|
||||
alt: "Team member",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by elite teams worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence Redefined. Bespoke Solutions for the Modern Enterprise."
|
||||
description="Blue Creek Services provides tailored, high-authority solutions for enterprises that demand precision, consistency, and absolute excellence."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-focused-colleagues-watching-discussing-content-computer-monitor-holding-pen-mouse-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-12034.jpg", imageAlt: "Luxurious Office Setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-business-center_1127-3157.jpg", imageAlt: "Corporate Architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-arrangement-with-empty-papers_23-2148488678.jpg", imageAlt: "Precision Consulting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498607.jpg", imageAlt: "Material Texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/business-brochure-template_1128-329.jpg", imageAlt: "Logistics Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011588.jpg", imageAlt: "Professional Entrance" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architecture-landscape_1127-205.jpg", imageAlt: "Luxury Architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mental-specialist-looking-around-waiting-aa-meeting-start-woman-therapist-with-clipboard-thinking-about-group-therapy-session-give-guidance-support-people_482257-29659.jpg", imageAlt: "Business Meeting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-rat-figurines-turquoise-velvet_23-2148358112.jpg", imageAlt: "Luxury Interior Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-corporate-meeting-mock-up_23-2148339363.jpg", imageAlt: "Strategic Planning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/violet-abstract-geometric-business-cover-collection_23-2148848403.jpg", imageAlt: "Enterprise Solution" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-woman-black-clothes-standing-outside_23-2148053669.jpg", imageAlt: "Sophisticated Exterior" },
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Private Consultation", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-colleagues-watching-discussing-content-computer-monitor-pointing-display-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-11967.jpg", alt: "Team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-boss-manager-discussing-report-talking-while-sitting-standing-workplace-with-panoramic-window-business-communication-concept_74855-11957.jpg", alt: "Team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-working-document-restaurant_23-2147876637.jpg", alt: "Team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arab-business-worker-chatting-with-coworker-using-smartphone_482257-78117.jpg", alt: "Team member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessmen-suit-taking-notes-visit-international-headquarters-shareholders-meeting-corporate-ceo-attendance-executive-associate-doing-last-minute-changes-speech_482257-72949.jpg", alt: "Team member" },
|
||||
]}
|
||||
avatarText="Trusted by elite teams worldwide"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Precision" },
|
||||
{ type: "text", text: "Integrity" },
|
||||
{ type: "text", text: "Excellence" },
|
||||
{ type: "text", text: "Bespoke" },
|
||||
{ type: "text", text: "Strategy" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Blue Creek Difference"
|
||||
description="We believe that luxury service isn't about extravagance—it's about the relentless pursuit of perfection and tailored outcomes for our partners."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision",
|
||||
description: "Our work is defined by exacting standards and meticulous attention to every operational detail.",
|
||||
},
|
||||
{
|
||||
title: "Exclusivity",
|
||||
description: "We offer a bespoke approach, crafting solutions that align perfectly with your unique organizational DNA.",
|
||||
},
|
||||
{
|
||||
title: "Reliability",
|
||||
description: "Consistency is our hallmark; we provide steadfast, predictable, and superior results every single time.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-imposing-buildings-with-shadows_23-2148252740.jpg"
|
||||
imageAlt="Blue Creek Vision"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Blue Creek Difference"
|
||||
description="We believe that luxury service isn't about extravagance—it's about the relentless pursuit of perfection and tailored outcomes for our partners."
|
||||
bulletPoints={[
|
||||
{ title: "Precision", description: "Our work is defined by exacting standards and meticulous attention to every operational detail." },
|
||||
{ title: "Exclusivity", description: "We offer a bespoke approach, crafting solutions that align perfectly with your unique organizational DNA." },
|
||||
{ title: "Reliability", description: "Consistency is our hallmark; we provide steadfast, predictable, and superior results every single time." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-imposing-buildings-with-shadows_23-2148252740.jpg"
|
||||
imageAlt="Blue Creek Vision"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Consulting",
|
||||
description: "High-level insights to navigate complexity and drive long-term growth.",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Specialized Logistics",
|
||||
description: "Seamless, end-to-end management ensuring your critical assets arrive on time.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "High-End Operations",
|
||||
description: "Operational refinement for organizations that simply cannot settle for standard.",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Bespoke Service Showcase"
|
||||
description="Our offerings are curated to drive enterprise outcomes through specialized expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Strategic Consulting", description: "High-level insights to navigate complexity and drive long-term growth.", icon: Sparkles },
|
||||
{ title: "Specialized Logistics", description: "Seamless, end-to-end management ensuring your critical assets arrive on time.", icon: Shield },
|
||||
{ title: "High-End Operations", description: "Operational refinement for organizations that simply cannot settle for standard.", icon: Zap },
|
||||
]}
|
||||
title="Bespoke Service Showcase"
|
||||
description="Our offerings are curated to drive enterprise outcomes through specialized expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Global",
|
||||
"Titan Solutions",
|
||||
"OmniCorp Enterprises",
|
||||
"Nexus Dynamics",
|
||||
"Summit Capital",
|
||||
"Vanguard Industries",
|
||||
"Zenith Logistics",
|
||||
]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="We partner with organizations that demand absolute reliability and superior results."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Apex Global", "Titan Solutions", "OmniCorp Enterprises", "Nexus Dynamics", "Summit Capital", "Vanguard Industries", "Zenith Logistics"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="We partner with organizations that demand absolute reliability and superior results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Sterling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-yellow-jacket_23-2149020781.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Vance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Partners Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/modern-female-sitting-couch_23-2148415753.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg" },
|
||||
{ id: "4", name: "David Sterling", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-yellow-jacket_23-2149020781.jpg" },
|
||||
{ id: "5", name: "Jennifer Vance", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
]}
|
||||
cardTitle="What Partners Say"
|
||||
cardTag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquire Today"
|
||||
title="Schedule Your VIP Consultation"
|
||||
description="Reach out to start a conversation about your enterprise goals and how we can support your journey toward excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Submit Inquiry"
|
||||
imageAlt="Luxury Office Entrance"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire Today"
|
||||
title="Schedule Your VIP Consultation"
|
||||
description="Reach out to start a conversation about your enterprise goals and how we can support your journey toward excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Submit Inquiry"
|
||||
imageAlt="Luxury Office Entrance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Blue Creek Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Blue Creek Services LLC. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Blue Creek Services"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Blue Creek Services LLC. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user