Merge version_1 into main #2
@@ -7,7 +7,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -22,86 +22,44 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="BC Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Portfolio", id: "/portfolio"}, {name: "Contact", id: "/contact"}]}
|
||||
brandName="BC Agency"
|
||||
button={{text: "Contact Us", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Luxury"
|
||||
description="BC Agency was founded on the belief that digital presence is an extension of the guest experience."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/strategic-content-creation-setup-profess-1774784966071-694a5c9f.png"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Curated Detail",
|
||||
description: "We obsess over the details that make a hotel stay memorable.",
|
||||
},
|
||||
{
|
||||
title: "Editorial Vision",
|
||||
description: "Storytelling through an editorial lens that separates you from the competition.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Luxury"
|
||||
description="BC Agency was founded on the belief that digital presence is an extension of the guest experience."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/strategic-content-creation-setup-profess-1774784966071-694a5c9f.png"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[{title: "Curated Detail", description: "We obsess over the details that make a hotel stay memorable."}, {title: "Editorial Vision", description: "Storytelling through an editorial lens that separates you from the competition."}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Our Values"
|
||||
title="Excellence in Everything"
|
||||
description="Partner with a team that understands the weight of your reputation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Our Values"
|
||||
title="Excellence in Everything"
|
||||
description="Partner with a team that understands the weight of your reputation."
|
||||
buttons={[{text: "Book a Consultation", href: "/contact"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,7 +7,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -22,86 +22,44 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="BC Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Portfolio", id: "/portfolio"}, {name: "Contact", id: "/contact"}]}
|
||||
brandName="BC Agency"
|
||||
button={{text: "Contact Us", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Strategy"
|
||||
description="Tell us about your venue. We'll listen to your goals and build a framework to reach your target audience."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png?_wi=6"
|
||||
mediaAnimation="blur-reveal"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Initial Audit",
|
||||
description: "A comprehensive review of your current digital presence.",
|
||||
},
|
||||
{
|
||||
title: "Strategy Development",
|
||||
description: "Custom roadmap aligned with your business goals.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Strategy"
|
||||
description="Tell us about your venue. We'll listen to your goals and build a framework to reach your target audience."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
bulletPoints={[{title: "Initial Audit", description: "A comprehensive review of your current digital presence."}, {title: "Strategy Development", description: "Custom roadmap aligned with your business goals."}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Let’s Elevate Your Brand"
|
||||
description="We're currently accepting new hospitality partners. Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Message",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Let’s Elevate Your Brand"
|
||||
description="We're currently accepting new hospitality partners. Reach out today."
|
||||
buttons={[{text: "Send a Message", href: "/contact"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
280
src/app/page.tsx
280
src/app/page.tsx
@@ -26,227 +26,77 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="BC Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Portfolio", id: "/portfolio"}, {name: "Contact", id: "/contact"}]}
|
||||
brandName="BC Agency"
|
||||
button={{text: "Contact Us", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Transform Your Atmosphere Into Strategic Content."
|
||||
description="We translate the feeling of your hospitality space into a digital presence that strengthens brand, builds authority, and drives qualified enquiries."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png?_wi=1",
|
||||
imageAlt: "Luxury Boutique Hotel Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png?_wi=1",
|
||||
imageAlt: "Elegant Wedding Terrace",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png?_wi=2",
|
||||
imageAlt: "Minimalist Room Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png?_wi=2",
|
||||
imageAlt: "Grand Venue Entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png?_wi=3",
|
||||
imageAlt: "Refined Hotel Bar",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png?_wi=3",
|
||||
imageAlt: "Outdoor Lounge Space",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png?_wi=4",
|
||||
imageAlt: "Luxury Boutique Hotel Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png?_wi=4",
|
||||
imageAlt: "Elegant Wedding Terrace",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png?_wi=5",
|
||||
imageAlt: "Minimalist Room Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png?_wi=5",
|
||||
imageAlt: "Grand Venue Entrance",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Discovery Call",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "/portfolio",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Transform Your Atmosphere Into Strategic Content."
|
||||
description="We translate the feeling of your hospitality space into a digital presence that strengthens brand, builds authority, and drives qualified enquiries."
|
||||
leftCarouselItems={[{imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png", imageAlt: "Elegant, high-end hotel lobby, warm stone textures, soft morning light, editorial photography style,"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png", imageAlt: "A stunning wedding venue terrace at dusk, warm lighting, elegant table arrangements, soft focus back"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png", imageAlt: "Elegant, high-end hotel lobby, warm stone textures, soft morning light, editorial photography style,"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png", imageAlt: "A stunning wedding venue terrace at dusk, warm lighting, elegant table arrangements, soft focus back"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png", imageAlt: "Elegant, high-end hotel lobby, warm stone textures, soft morning light, editorial photography style,"}]}
|
||||
rightCarouselItems={[{imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png", imageAlt: "A stunning wedding venue terrace at dusk, warm lighting, elegant table arrangements, soft focus back"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png", imageAlt: "Elegant, high-end hotel lobby, warm stone textures, soft morning light, editorial photography style,"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png", imageAlt: "A stunning wedding venue terrace at dusk, warm lighting, elegant table arrangements, soft focus back"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/elegant-high-end-hotel-lobby-warm-stone--1774784966670-05d5b0bb.png", imageAlt: "Elegant, high-end hotel lobby, warm stone textures, soft morning light, editorial photography style,"}, {imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-stunning-wedding-venue-terrace-at-dusk-1774784965882-6fd45014.png", imageAlt: "A stunning wedding venue terrace at dusk, warm lighting, elegant table arrangements, soft focus back"}]}
|
||||
buttons={[{text: "Book a Discovery Call", href: "/contact"}, {text: "See Our Work", href: "/portfolio"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-home" data-section="about-home">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Digital Presence Shouldn't Feel Generic."
|
||||
description="If your online atmosphere doesn't match your physical space, you lose perceived value, weaken your positioning, and miss high-intent enquiries. BC transforms property atmosphere into compelling strategic assets."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Brand-Aligned Strategy",
|
||||
description: "We ensure every piece of digital content reflects your brand’s soul.",
|
||||
},
|
||||
{
|
||||
title: "Hospitality Insight",
|
||||
description: "We understand that hospitality is about perception, not just sales.",
|
||||
},
|
||||
{
|
||||
title: "Professional Process",
|
||||
description: "Structured project management ensures clarity, quality, and results.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-calm-elegant-portrait-of-a-brand-strat-1774784967091-4497b4ad.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-home" data-section="about-home">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Digital Presence Shouldn't Feel Generic."
|
||||
description="If your online atmosphere doesn't match your physical space, you lose perceived value, weaken your positioning, and miss high-intent enquiries. BC transforms property atmosphere into compelling strategic assets."
|
||||
bulletPoints={[{title: "Brand-Aligned Strategy", description: "We ensure every piece of digital content reflects your brand’s soul."}, {title: "Hospitality Insight", description: "We understand that hospitality is about perception, not just sales."}, {title: "Professional Process", description: "Structured project management ensures clarity, quality, and results."}]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/a-calm-elegant-portrait-of-a-brand-strat-1774784967091-4497b4ad.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-home" data-section="features-home">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Hospitality Focus",
|
||||
description: "We understand the nuances of luxury, venue atmosphere, and guest perception.",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Strategic Content",
|
||||
description: "Content built to solve positioning problems, not just fill social feeds.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Commercial Awareness",
|
||||
description: "Project tracking against your core business objectives and growth.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose BC?"
|
||||
description="We help venues present themselves online with the same care they offer guests in person."
|
||||
/>
|
||||
</div>
|
||||
<div id="features-home" data-section="features-home">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[{icon: Sparkles, title: "Hospitality Focus", description: "We understand the nuances of luxury, venue atmosphere, and guest perception."}, {icon: Target, title: "Strategic Content", description: "Content built to solve positioning problems, not just fill social feeds."}, {icon: Award, title: "Commercial Awareness", description: "Project tracking against your core business objectives and growth."}]}
|
||||
title="Why Choose BC?"
|
||||
description="We help venues present themselves online with the same care they offer guests in person."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Owner",
|
||||
testimonial: "A strategic partner with the experience and clarity to turn marketing challenges into structured action.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hotel-owner-warm-lighting--1774784965412-f23eda79.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Thorne",
|
||||
role: "GM",
|
||||
testimonial: "Professional, methodical, and deeply knowledgeable—a team that brings both vision and execution.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-wedding-venue-manager-conf-1774784965986-21b0cfad.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
role: "Marketing Director",
|
||||
testimonial: "They helped us reposition the brand with intelligence, dedication, and a very well-structured approach.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hotel-marketing-lead-edito-1774784965691-d29176ec.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
testimonial: "More than a supplier, a true partner with clear direction and strong project leadership.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hospitality-entrepreneur-s-1774784964715-ac205080.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Sterling",
|
||||
role: "Director of Sales",
|
||||
testimonial: "The impact on our booking enquiries was immediate. A masterclass in hospitality brand positioning.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hotel-owner-warm-lighting--1774784965412-f23eda79.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Hospitality Leaders"
|
||||
description="We are proud to partner with respected venues and hotels to elevate their positioning."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[{id: "1", name: "Sarah Jenkins", role: "Owner", testimonial: "A strategic partner with the experience and clarity to turn marketing challenges into structured action.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hotel-owner-warm-lighting--1774784965412-f23eda79.png"}, {id: "2", name: "Michael Thorne", role: "GM", testimonial: "Professional, methodical, and deeply knowledgeable—a team that brings both vision and execution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-wedding-venue-manager-conf-1774784965986-21b0cfad.png"}, {id: "3", name: "Elena Rossi", role: "Marketing Director", testimonial: "They helped us reposition the brand with intelligence, dedication, and a very well-structured approach.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hotel-marketing-lead-edito-1774784965691-d29176ec.png"}, {id: "4", name: "David Kim", role: "Founder", testimonial: "More than a supplier, a true partner with clear direction and strong project leadership.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hospitality-entrepreneur-s-1774784964715-ac205080.png"}, {id: "5", name: "James Sterling", role: "Director of Sales", testimonial: "The impact on our booking enquiries was immediate. A masterclass in hospitality brand positioning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcOUegCpZXCYvLBC7zFe7QnHMz/portrait-of-a-hotel-owner-warm-lighting--1774784965412-f23eda79.png"}]}
|
||||
title="Trusted by Hospitality Leaders"
|
||||
description="We are proud to partner with respected venues and hotels to elevate their positioning."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Does Your Online Presence Reflect Your Atmosphere?"
|
||||
description="If your hotel or venue deserves a digital presence that matches its real-life beauty, we can help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Proposal",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Does Your Online Presence Reflect Your Atmosphere?"
|
||||
description="If your hotel or venue deserves a digital presence that matches its real-life beauty, we can help."
|
||||
buttons={[{text: "Request a Proposal", href: "/contact"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Building, Droplet } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -23,87 +23,43 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="BC Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Portfolio", id: "/portfolio"}, {name: "Contact", id: "/contact"}]}
|
||||
brandName="BC Agency"
|
||||
button={{text: "Contact Us", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Selected Projects"
|
||||
description="A showcase of recent collaborations with leading boutique hotels and event venues."
|
||||
features={[
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Grand Hotel Boutique",
|
||||
description: "Brand repositioning and content strategy.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "The Glasshouse Venue",
|
||||
description: "Visual direction for weddings and exclusive events.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Selected Projects"
|
||||
description="A showcase of recent collaborations with leading boutique hotels and event venues."
|
||||
features={[{icon: Droplet, title: "Grand Hotel Boutique", description: "Brand repositioning and content strategy."}, {icon: Building, title: "The Glasshouse Venue", description: "Visual direction for weddings and exclusive events."}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Next Steps"
|
||||
title="Ready for a Transformation?"
|
||||
description="Let's build a portfolio of assets that drive your business forward."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Project",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Next Steps"
|
||||
title="Ready for a Transformation?"
|
||||
description="Let's build a portfolio of assets that drive your business forward."
|
||||
buttons={[{text: "Start a Project", href: "/contact"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Camera, Layout } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -23,87 +23,43 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="BC Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{name: "Home", id: "/"}, {name: "Services", id: "/services"}, {name: "About", id: "/about"}, {name: "Portfolio", id: "/portfolio"}, {name: "Contact", id: "/contact"}]}
|
||||
brandName="BC Agency"
|
||||
button={{text: "Contact Us", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expertise"
|
||||
description="From visual strategy to conversion-focused content, we cover the full spectrum of hospitality marketing."
|
||||
features={[
|
||||
{
|
||||
icon: Camera,
|
||||
title: "Visual Storytelling",
|
||||
description: "High-end photography and video production that captures the essence of your space.",
|
||||
},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Web Positioning",
|
||||
description: "Conversion-optimized digital touchpoints for luxury venues.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expertise"
|
||||
description="From visual strategy to conversion-focused content, we cover the full spectrum of hospitality marketing."
|
||||
features={[{icon: Camera, title: "Visual Storytelling", description: "High-end photography and video production that captures the essence of your space."}, {icon: Layout, title: "Web Positioning", description: "Conversion-optimized digital touchpoints for luxury venues."}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Define Your Digital Narrative"
|
||||
description="We specialize in bespoke hospitality branding that drives real-world bookings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in touch",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Define Your Digital Narrative"
|
||||
description="We specialize in bespoke hospitality branding that drives real-world bookings."
|
||||
buttons={[{text: "Get in touch", href: "/contact"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BC Agency"
|
||||
leftLink={{text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user