Merge version_1 into main #2
581
src/app/page.tsx
581
src/app/page.tsx
@@ -18,425 +18,192 @@ import { Award, CheckCircle, Code, Monitor, PenTool, Share2, Target, TrendingUp,
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nexus Agency"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Portfolio", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexus Agency"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Crafting Digital Excellence"
|
||||
description="We build high-performance websites and digital experiences that elevate your brand and drive measurable growth for ambitious businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-creating-anstract-landscape-modern-technology_1048-12001.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg",
|
||||
alt: "3D network communications",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg",
|
||||
alt: "3D abstract connections",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg",
|
||||
alt: "3D low poly design",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg",
|
||||
alt: "Minimal digital tech",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
|
||||
alt: "UX/UI design concept",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by top industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Branding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Conversion",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Digital Excellence"
|
||||
description="We build high-performance websites and digital experiences that elevate your brand and drive measurable growth for ambitious businesses."
|
||||
buttons={[{ text: "View Our Work", href: "#products" }, { text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-creating-anstract-landscape-modern-technology_1048-12001.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg", alt: "3D network communications" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-connections-background-flowing-dots-with-shallow-depth-field_1048-11868.jpg", alt: "3D abstract connections" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg", alt: "3D low poly design" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg", alt: "Minimal digital tech" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg", alt: "UX/UI design concept" }
|
||||
]}
|
||||
avatarText="Trusted by top industry leaders"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Innovative Design" },
|
||||
{ type: "text", text: "Strategic Growth" },
|
||||
{ type: "text", text: "Seamless Tech" },
|
||||
{ type: "text", text: "Modern Branding" },
|
||||
{ type: "text", text: "High Conversion" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Beautiful, responsive websites.",
|
||||
items: [
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "UX/UI Design",
|
||||
},
|
||||
{
|
||||
icon: Code,
|
||||
text: "Custom Development",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flowing-particles-creating-anstract-landscape-modern-technology_1048-12001.jpg?_wi=2",
|
||||
imageAlt: "web design interface mockup",
|
||||
},
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your market presence.",
|
||||
items: [
|
||||
{
|
||||
icon: PenTool,
|
||||
text: "Identity Design",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Brand Positioning",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-125507.jpg",
|
||||
},
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-square-compositions-set_1284-16359.jpg",
|
||||
imageAlt: "web design interface mockup",
|
||||
},
|
||||
{
|
||||
title: "Digital Growth",
|
||||
description: "Strategies that convert users.",
|
||||
items: [
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "SEO Optimization",
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
text: "Content Marketing",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg?_wi=1",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg?_wi=1",
|
||||
imageAlt: "web design interface mockup",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Design Services"
|
||||
description="Expert solutions tailored to your unique business goals."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design", description: "Beautiful, responsive websites.", items: [{ icon: Monitor, text: "UX/UI Design" }, { icon: Code, text: "Custom Development" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg" },
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Brand Strategy", description: "Defining your market presence.", items: [{ icon: PenTool, text: "Identity Design" }, { icon: Target, text: "Brand Positioning" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-125507.jpg" },
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Digital Growth", description: "Strategies that convert users.", items: [{ icon: TrendingUp, text: "SEO Optimization" }, { icon: Share2, text: "Content Marketing" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg" },
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Design Services"
|
||||
description="Expert solutions tailored to your unique business goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Philosophy"
|
||||
title="Built for Results"
|
||||
description="We combine creative vision with technical precision to deliver digital products that stand the test of time."
|
||||
subdescription="With over 10 years of experience, we've helped hundreds of businesses scale their digital presence effectively."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Philosophy"
|
||||
title="Built for Results"
|
||||
description="We combine creative vision with technical precision to deliver digital products that stand the test of time."
|
||||
subdescription="With over 10 years of experience, we've helped hundreds of businesses scale their digital presence effectively."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Brand Revamp",
|
||||
price: "Featured",
|
||||
variant: "Web/UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "E-Commerce Suite",
|
||||
price: "Featured",
|
||||
variant: "Shopify",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stores-blurred-makeup_1203-827.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mobile App UI",
|
||||
price: "Featured",
|
||||
variant: "Product",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-black-white-background_9975-133582.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dashboard SaaS",
|
||||
price: "Featured",
|
||||
variant: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Editorial Blog",
|
||||
price: "Featured",
|
||||
variant: "Content",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-elements-arrangement-with-empty-screen-tablet_23-2148708013.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Corporate Site",
|
||||
price: "Featured",
|
||||
variant: "Web",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wonprm",
|
||||
},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="A curated selection of our work across various industries."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Brand Revamp", price: "Featured", variant: "Web/UI", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg" },
|
||||
{ id: "2", name: "E-Commerce Suite", price: "Featured", variant: "Shopify", imageSrc: "http://img.b2bpic.net/free-photo/stores-blurred-makeup_1203-827.jpg" },
|
||||
{ id: "3", name: "Mobile App UI", price: "Featured", variant: "Product", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-black-white-background_9975-133582.jpg" },
|
||||
{ id: "4", name: "Dashboard SaaS", price: "Featured", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
{ id: "5", name: "Editorial Blog", price: "Featured", variant: "Content", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-elements-arrangement-with-empty-screen-tablet_23-2148708013.jpg" },
|
||||
{ id: "6", name: "Corporate Site", price: "Featured", variant: "Web", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wonprm" }
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="A curated selection of our work across various industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Projects Completed",
|
||||
value: "250+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "180+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Conversion Lift",
|
||||
value: "150%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Our work drives tangible growth for all our partners."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Projects Completed", value: "250+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Happy Clients", value: "180+", icon: Users },
|
||||
{ id: "m3", title: "Conversion Lift", value: "150%", icon: TrendingUp }
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Our work drives tangible growth for all our partners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO, TechFlow",
|
||||
testimonial: "Nexus transformed our brand completely. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Director, Innovate",
|
||||
testimonial: "Exceptional development skills and strategic thinking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
role: "Founder, Bloom",
|
||||
testimonial: "Professional, creative, and extremely reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "VP, GrowthCo",
|
||||
testimonial: "A true partner in our digital success journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane K.",
|
||||
role: "CTO, StartupX",
|
||||
testimonial: "The best design agency we've worked with yet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say about our partnership."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "CEO, TechFlow", testimonial: "Nexus transformed our brand completely. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Director, Innovate", testimonial: "Exceptional development skills and strategic thinking.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
|
||||
{ id: "t3", name: "Elena R.", role: "Founder, Bloom", testimonial: "Professional, creative, and extremely reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
|
||||
{ id: "t4", name: "David W.", role: "VP, GrowthCo", testimonial: "A true partner in our digital success journey.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg" },
|
||||
{ id: "t5", name: "Jane K.", role: "CTO, StartupX", testimonial: "The best design agency we've worked with yet.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" }
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our partners have to say about our partnership."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Stripe",
|
||||
"Airbnb",
|
||||
"Shopify",
|
||||
"Slack",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Collaborating with ambitious brands globally."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Microsoft", "Google", "Apple", "Stripe", "Airbnb", "Shopify", "Slack"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Collaborating with ambitious brands globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long do projects take?",
|
||||
content: "Depending on scope, typically 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer maintenance?",
|
||||
content: "Yes, we provide ongoing support packages.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request a custom quote?",
|
||||
content: "Absolutely, just contact us below.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about working with us."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long do projects take?", content: "Depending on scope, typically 4-8 weeks." },
|
||||
{ id: "f2", title: "Do you offer maintenance?", content: "Yes, we provide ongoing support packages." },
|
||||
{ id: "f3", title: "Can I request a custom quote?", content: "Absolutely, just contact us below." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about working with us."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Let’s Build Together"
|
||||
description="Ready to take your digital presence to the next level? Get in touch today."
|
||||
tag="Let's Talk"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Let’s Build Together"
|
||||
description="Ready to take your digital presence to the next level? Get in touch today."
|
||||
tag="Let's Talk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Nexus Agency"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Nexus Agency"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user