8 Commits

Author SHA1 Message Date
521e5a5159 Update src/app/styles/variables.css 2026-02-25 17:59:55 +00:00
0e39126ab1 Update src/app/page.tsx 2026-02-25 17:59:54 +00:00
6c15ef94a8 Update src/app/layout.tsx 2026-02-25 17:59:53 +00:00
3d3bf50035 Switch to version 2: modified src/app/styles/variables.css 2026-02-25 17:58:26 +00:00
e8c34a8f15 Merge version_3 into main
Merge version_3 into main
2026-02-25 17:53:24 +00:00
10cae40b02 Update src/app/styles/variables.css 2026-02-25 17:53:20 +00:00
370d13d917 Merge version_2 into main
Merge version_2 into main
2026-02-25 17:49:31 +00:00
016ad9d42c Update src/app/page.tsx 2026-02-25 17:49:27 +00:00
3 changed files with 23 additions and 33 deletions

View File

@@ -1409,4 +1409,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -2,12 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Brush, Feather, Figma, LayoutTemplate, Lightbulb, Monitor, Palette, Sparkles, Type } from "lucide-react";
@@ -28,7 +27,7 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{name:"About",id:"about"},{name:"Services",id:"features"},{name:"Work",id:"products"},{name:"FAQ",id:"faq"}]}
navItems={[{name:"About",id:"about"},{name:"Services",id:"features"},{name:"Work",id:"products"}]}
brandName="Bamboleya"
button={{text:"Contact Us",href:"#contact"}}
buttonClassName="shadow-md"
@@ -36,13 +35,15 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
<HeroOverlay
title="Bamboleya: Where Ideas Take Form"
description="Transforming visions into captivating digital experiences with creativity and precision. Let's build something remarkable together."
background={{variant:"sparkles-gradient"}}
buttons={[{text:"Our Services",href:"#features"},{text:"See Our Work",href:"#products"}]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149345223.jpg"
imageAlt="Abstract illustration of a creative design process with elements like sketches, a laptop, and a lightbulb, symbolizing idea generation and digital execution."
textPosition="center"
showBlur={true}
showDimOverlay={false}
/>
</div>
@@ -91,17 +92,6 @@ export default function LandingPage() {
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Questions? We Have Answers"
description="Find quick answers to the most common questions about our design process, services, and working with Bamboleya."
textboxLayout="default"
faqsAnimation="slide-up"
useInvertedBackground={false}
faqs={[{id:"1",title:"What is your typical design process?",content:"Our process usually starts with a discovery phase to understand your needs, followed by concept development, iterative design, client feedback, and final implementation. We believe in transparency and collaboration every step of the way."},{id:"2",title:"How long does a typical project take?",content:"Project timelines vary greatly depending on complexity and scope. A small branding project might take a few weeks, while a comprehensive website redesign could take several months. We provide detailed timelines after our initial consultation."},{id:"3",title:"What kind of businesses do you work with?",content:"We partner with a diverse range of clients, from startups and small businesses to established corporations across various industries. Our goal is to bring high-quality design solutions to any entity looking to enhance their digital presence."},{id:"4",title:"Do you offer ongoing support after a project is completed?",content:"Yes, we offer various post-launch support and maintenance packages to ensure your digital assets remain up-to-date, secure, and performing optimally. We can discuss these options as your project nears completion."}]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
@@ -122,11 +112,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[{title:"Services",items:[{label:"Web Design",href:"#features"},{label:"Branding",href:"#features"},{label:"UI/UX",href:"#features"}]},{title:"Company",items:[{label:"About Us",href:"#about"},{label:"Our Work",href:"#products"},{label:"FAQ",href:"#faq"}]},{title:"Connect",items:[{label:"Contact",href:"#contact"},{label:"LinkedIn",href:"https://linkedin.com/company/bamboleya"},{label:"Instagram",href:"https://instagram.com/bamboleya"}]}]}
columns={[{title:"Services",items:[{label:"Web Design",href:"#features"},{label:"Branding",href:"#features"},{label:"UI/UX",href:"#features"}]},{title:"Company",items:[{label:"About Us",href:"#about"},{label:"Our Work",href:"#products"}]},{title:"Connect",items:[{label:"Contact",href:"#contact"},{label:"LinkedIn",href:"https://linkedin.com/company/bamboleya"},{label:"Instagram",href:"https://instagram.com/bamboleya"}]}]}
logoText="Bamboleya"
copyrightText="© 2024 Bamboleya Design Studio. All rights reserved."
/>
</div>
</ThemeProvider>
);
}
}

View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #fbfaff;;
--card: #f7f5ff;;
--foreground: #0f0022;;
--primary-cta: #8b5cf6;;
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #e63946;;
--secondary-cta: #ffffff;;
--accent: #d8cef5;;
--background-accent: #c4a8f9;; */
--accent: #159c49;;
--background-accent: #a8e8ba;; */
--background: #fbfaff;;
--card: #f7f5ff;;
--foreground: #0f0022;;
--primary-cta: #8b5cf6;;
--primary-cta-text: #fbfaff;;
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #e63946;;
--primary-cta-text: #ffffff;;
--secondary-cta: #ffffff;;
--secondary-cta-text: #0f0022;;
--accent: #d8cef5;;
--background-accent: #c4a8f9;;
--secondary-cta-text: #1c1c1c;;
--accent: #159c49;;
--background-accent: #a8e8ba;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);