Merge version_5 into main #4
158
src/app/page.tsx
158
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Ceilings", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Ceilings", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Studio 29"
|
||||
/>
|
||||
@@ -48,60 +44,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transform Your Space"
|
||||
description="Studio 29 delivers premium stretch ceiling solutions that combine impeccable aesthetics with modern durability for your home or business."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.", handle: "@alice", testimonial: "Amazing installation service. The ceiling looks seamless and beautiful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg"},
|
||||
{
|
||||
name: "John D.", handle: "@johnd", testimonial: "Transformed our living room into a piece of art. Highly professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-with-crossed-arms_23-2149105438.jpg"},
|
||||
{
|
||||
name: "Sara B.", handle: "@sara", testimonial: "The backlit ceiling is a showstopper. Studio 29 is the best.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-men-high-fiving-office_23-2147707767.jpg"},
|
||||
{
|
||||
name: "Kevin L.", handle: "@kevin", testimonial: "Exceeded all expectations with quality and speed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-architect-team-working-desk-office-blueprint-layout-caucasian-colleagues-standing_482257-2828.jpg"},
|
||||
{
|
||||
name: "Lucy H.", handle: "@lucy", testimonial: "A seamless transformation. Very satisfied.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-arranging-new-apartment-with-digital-tablet_329181-2704.jpg"},
|
||||
{ name: "Alice M.", handle: "@alice", testimonial: "Amazing installation service. The ceiling looks seamless and beautiful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg" },
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Transformed our living room into a piece of art. Highly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-with-crossed-arms_23-2149105438.jpg" },
|
||||
{ name: "Sara B.", handle: "@sara", testimonial: "The backlit ceiling is a showstopper. Studio 29 is the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-men-high-fiving-office_23-2147707767.jpg" },
|
||||
{ name: "Kevin L.", handle: "@kevin", testimonial: "Exceeded all expectations with quality and speed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/construction-architect-team-working-desk-office-blueprint-layout-caucasian-colleagues-standing_482257-2828.jpg" },
|
||||
{ name: "Lucy H.", handle: "@lucy", testimonial: "A seamless transformation. Very satisfied.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-arranging-new-apartment-with-digital-tablet_329181-2704.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work", href: "#products"},
|
||||
{
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{ text: "View Our Work", href: "#products" },
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/holes-with-tensioners_1127-2026.jpg"
|
||||
imageAlt="Luxurious stretch ceiling"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-women-high-fiving-table_23-2147769998.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Seamless Installation"},
|
||||
{
|
||||
type: "text", text: "Fire Resistant"},
|
||||
{
|
||||
type: "text", text: "Acoustic Quality"},
|
||||
{
|
||||
type: "text", text: "Customizable Designs"},
|
||||
{
|
||||
type: "text", text: "Waterproof Surface"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,12 +71,9 @@ export default function LandingPage() {
|
||||
title="Crafting Perfection"
|
||||
description="We specialize in the meticulous art of stretch ceilings. Our experienced team ensures every project is executed to the highest standards, creating durable and visually stunning spaces."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Installation", description: "Expertly trained craftsmen for a perfect fit every time."},
|
||||
{
|
||||
title: "Sustainable Materials", description: "High-quality, long-lasting, and eco-friendly components."},
|
||||
{
|
||||
title: "Tailored Design", description: "Bespoke ceiling solutions to match your interior vision."},
|
||||
{ title: "Precision Installation", description: "Expertly trained craftsmen for a perfect fit every time." },
|
||||
{ title: "Sustainable Materials", description: "High-quality, long-lasting, and eco-friendly components." },
|
||||
{ title: "Tailored Design", description: "Bespoke ceiling solutions to match your interior vision." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joiner-polishes-wooden-board-workshop_1163-3113.jpg"
|
||||
imageAlt="Installation of stretch ceiling"
|
||||
@@ -131,15 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Fire Resistant", description: "Safety meets luxury with our certified fire-rated materials."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Acoustic Excellence", description: "Absorb sound for a quieter, more peaceful atmosphere."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Moisture Resistant", description: "Ideal for kitchens and bathrooms where humidity is high."},
|
||||
{ icon: Shield, title: "Fire Resistant", description: "Safety meets luxury with our certified fire-rated materials." },
|
||||
{ icon: Star, title: "Acoustic Excellence", description: "Absorb sound for a quieter, more peaceful atmosphere." },
|
||||
{ icon: Droplets, title: "Moisture Resistant", description: "Ideal for kitchens and bathrooms where humidity is high." },
|
||||
]}
|
||||
title="Why Choose Studio 29?"
|
||||
description="Our systems go beyond aesthetics, offering practical benefits that enhance the comfort and functionality of your space."
|
||||
@@ -153,24 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Studio 29", name: "Pure Matte Finish", price: "From $500", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-kitchen-dining-area-with-white-furniture_23-2151983256.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Studio 29", name: "High-Gloss Mirror", price: "From $750", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Studio 29", name: "Backlit LED Panel", price: "From $1,200", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Studio 29", name: "Art Printed Mural", price: "From $900", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/traditional-japanese-umbrella-traditional-japanese-accessories-concept_185193-110618.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Studio 29", name: "Acoustic Perforated", price: "From $650", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260354.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Studio 29", name: "Translucent Light", price: "From $850", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-132945.jpg"},
|
||||
{ id: "p1", brand: "Studio 29", name: "Pure Matte Finish", price: "From $500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-kitchen-dining-area-with-white-furniture_23-2151983256.jpg" },
|
||||
{ id: "p2", brand: "Studio 29", name: "High-Gloss Mirror", price: "From $750", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg" },
|
||||
{ id: "p3", brand: "Studio 29", name: "Backlit LED Panel", price: "From $1,200", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg" },
|
||||
{ id: "p4", brand: "Studio 29", name: "Art Printed Mural", price: "From $900", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/traditional-japanese-umbrella-traditional-japanese-accessories-concept_185193-110618.jpg" },
|
||||
{ id: "p5", brand: "Studio 29", name: "Acoustic Perforated", price: "From $650", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/microperforated-sheet-background-still-life_23-2150260354.jpg" },
|
||||
{ id: "p6", brand: "Studio 29", name: "Translucent Light", price: "From $850", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-132945.jpg" },
|
||||
]}
|
||||
title="Our Ceiling Collection"
|
||||
description="From classic finishes to modern lighting, explore our range of premium ceiling options."
|
||||
@@ -183,15 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Award,
|
||||
title: "Projects Completed", value: "1,500+"},
|
||||
{
|
||||
id: "m2", icon: Smile,
|
||||
title: "Happy Clients", value: "1,200+"},
|
||||
{
|
||||
id: "m3", icon: Zap,
|
||||
title: "Years of Experience", value: "12"},
|
||||
{ id: "m1", icon: Award, title: "Projects Completed", value: "1,500+" },
|
||||
{ id: "m2", icon: Smile, title: "Happy Clients", value: "1,200+" },
|
||||
{ id: "m3", icon: Zap, title: "Years of Experience", value: "12" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven results and satisfied clients define our journey at Studio 29."
|
||||
@@ -204,18 +136,6 @@ export default function LandingPage() {
|
||||
testimonial="Studio 29 provided a seamless process from consultation to installation. The quality is unmatched and the visual impact is profound. Truly a premium service that I would recommend to anyone looking to renovate their home."
|
||||
rating={5}
|
||||
author="Marcus V., Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-playing-videogame-neon-illuminated-home-holding-controller_482257-120950.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-grass-by-building_1303-11916.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard_176420-6474.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -226,12 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "How long does installation take?", content: "Most residential projects are completed in just one day."},
|
||||
{
|
||||
id: "f2", title: "Are these ceilings water resistant?", content: "Yes, our ceilings are moisture-proof and perfect for bathrooms."},
|
||||
{
|
||||
id: "f3", title: "Can I install lights?", content: "Absolutely, we can integrate various lighting solutions seamlessly."},
|
||||
{ id: "f1", title: "How long does installation take?", content: "Most residential projects are completed in just one day." },
|
||||
{ id: "f2", title: "Are these ceilings water resistant?", content: "Yes, our ceilings are moisture-proof and perfect for bathrooms." },
|
||||
{ id: "f3", title: "Can I install lights?", content: "Absolutely, we can integrate various lighting solutions seamlessly." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our stretch ceiling services."
|
||||
@@ -242,8 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to Transform Your Space?"
|
||||
description="Contact us today for a free consultation and personalized quote for your ceiling project."
|
||||
@@ -258,15 +174,9 @@ export default function LandingPage() {
|
||||
logoText="Studio 29"
|
||||
copyrightText="© 2025 Studio 29. Всі права захищено."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #FFD700;
|
||||
|
||||
Reference in New Issue
Block a user