Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5a3630b343 | |||
| 3a55670bbf | |||
| 1e273a85de | |||
| bedabe0183 | |||
| fbc466a3ea | |||
| 37e35b2640 | |||
| 13b8ebc9e7 |
374
src/app/page.tsx
374
src/app/page.tsx
@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Headphones, Phone, ShieldCheck } from "lucide-react";
|
||||
import { Headphones, Phone, ShieldCheck, MessageCircle, Calendar } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,254 +28,146 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Crafting Calls LLC"
|
||||
/>
|
||||
</div>
|
||||
<div className="fixed bottom-6 right-6 z-50 flex flex-col gap-4">
|
||||
<a
|
||||
href="https://wa.me/1234567890"
|
||||
target="_blank"
|
||||
className="bg-green-500 text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform"
|
||||
aria-label="WhatsApp"
|
||||
>
|
||||
<MessageCircle size={28} />
|
||||
</a>
|
||||
<a
|
||||
href="#contact"
|
||||
className="bg-blue-600 text-white p-4 rounded-full shadow-lg hover:scale-110 transition-transform"
|
||||
aria-label="Book Appointment"
|
||||
>
|
||||
<Calendar size={28} />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevate Your Customer Experience"
|
||||
description="Crafting Calls LLC provides world-class call centre solutions designed to streamline your communication and boost business efficiency."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-customer-support-workers-respond-customers-inquiries_482257-126788.jpg"
|
||||
imageAlt="Professional customer support agent"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Crafting Calls LLC"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg",
|
||||
alt: "Collaborative Team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Excellence",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Beyond Calls, Crafting Success"
|
||||
description="Crafting Calls LLC provides world-class call centre solutions designed to streamline your communication and boost business efficiency."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=1"
|
||||
imageAlt="Professional customer support agent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "Inbound Support",
|
||||
description: "Reliable inbound support for all your customer inquiries, available 24/7.",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Outbound Sales",
|
||||
description: "High-converting outbound calling strategies that generate leads and drive revenue.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Data Security",
|
||||
description: "Strict adherence to data protection regulations, keeping your customers' information safe.",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in high-quality call handling, customer support, and sales outreach designed to represent your brand with perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Commitment to " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153839.jpg", alt: "Collaborative Team" },
|
||||
{ type: "text", content: " Excellence" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Constant availability",
|
||||
"Robust systems",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
items: [
|
||||
"Around the clock",
|
||||
"Global coverage",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Retention",
|
||||
items: [
|
||||
"High satisfaction",
|
||||
"Long-term partners",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Data-driven results that showcase our reliability and effectiveness as a premium call partner."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Headphones, title: "Inbound Support", description: "Reliable inbound support for all your customer inquiries, available 24/7." },
|
||||
{ icon: Phone, title: "Outbound Sales", description: "High-converting outbound calling strategies that generate leads and drive revenue." },
|
||||
{ icon: ShieldCheck, title: "Data Security", description: "Strict adherence to data protection regulations, keeping your customers' information safe." },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in high-quality call handling, customer support, and sales outreach designed to represent your brand with perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Crafting Calls LLC transformed our customer service operations. Their professionalism is unmatched."
|
||||
rating={5}
|
||||
author="Jane Doe, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/disabled-business-manager-wheelchair-looking-tired-front_482257-2229.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", title: "Uptime", items: ["Constant availability", "Robust systems"] },
|
||||
{ id: "m2", value: "24/7", title: "Support", items: ["Around the clock", "Global coverage"] },
|
||||
{ id: "m3", value: "95%", title: "Retention", items: ["High satisfaction", "Long-term partners"] },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Data-driven results that showcase our reliability and effectiveness as a premium call partner."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What industries do you support?",
|
||||
content: "We support a wide range of industries including healthcare, retail, tech, and logistics.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your agents trained?",
|
||||
content: "Yes, all our agents undergo rigorous training to ensure they represent your brand effectively.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How quickly can we get started?",
|
||||
content: "We can get your campaign running within 48 hours after onboarding.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-office-desk-table_93675-132588.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our call center services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Crafting Calls LLC transformed our customer service operations. Their professionalism is unmatched."
|
||||
rating={5}
|
||||
author="Jane Doe, CEO"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", alt: "Client 3" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us Today"
|
||||
description="Ready to upgrade your calling operations? Reach out and we'll craft the perfect plan for you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-call-gesture-isolated-purple_141793-84101.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "What industries do you support?", content: "We support a wide range of industries including healthcare, retail, tech, and logistics." },
|
||||
{ id: "2", title: "Are your agents trained?", content: "Yes, all our agents undergo rigorous training to ensure they represent your brand effectively." },
|
||||
{ id: "3", title: "How quickly can we get started?", content: "We can get your campaign running within 48 hours after onboarding." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-office-desk-table_93675-132588.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our call center services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Inbound Support",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Outbound Sales",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Crafting Calls LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Consultation"
|
||||
description="Schedule your appointment today. Simply fill out the form below and we'll reach out to discuss how we can elevate your business communication."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you? Share your specific requirements.", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dx4OGL3LeWziG6okH1UbXBl6Eq/uploaded-1779210519827-lyoc6fcb.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Inbound Support", href: "#features" }, { label: "Outbound Sales", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Crafting Calls LLC"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user