Merge version_1 into main #1
200
src/app/page.tsx
200
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Workshop",
|
||||
id: "features",
|
||||
},
|
||||
name: "Workshop", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WOLLBIT DESIGNS"
|
||||
/>
|
||||
@@ -58,62 +48,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Luxury Interiors in Melbourne"
|
||||
description="Wollbit Designs brings curated, bespoke kitchen and interior solutions directly to your door in Wollert. Your vision, our expertise, unmatched elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Journey", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-small-cutlery_169016-3178.jpg"
|
||||
imageAlt="Luxury kitchen interior design Wollert Melbourne"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Melbourne's Finest Design",
|
||||
},
|
||||
type: "text", text: "Melbourne's Finest Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Kitchen Expertise",
|
||||
},
|
||||
type: "text", text: "Bespoke Kitchen Expertise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
type: "text", text: "Premium Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gold Standard Service",
|
||||
},
|
||||
type: "text", text: "Gold Standard Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Commissions",
|
||||
},
|
||||
type: "text", text: "Transparent Commissions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,18 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Wollbit Difference",
|
||||
},
|
||||
type: "text", content: "The Wollbit Difference"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",
|
||||
alt: "Design process",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg", alt: "Design process"},
|
||||
{
|
||||
type: "text",
|
||||
content: "We don't just find builders; we craft experiences. By leveraging a network of top-tier partners and charging a transparent commission, we ensure your home is handled by the absolute best in Melbourne.",
|
||||
},
|
||||
type: "text", content: "We don't just find builders; we craft experiences. By leveraging a network of top-tier partners and charging a transparent commission, we ensure your home is handled by the absolute best in Melbourne."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,20 +107,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Surfaces",
|
||||
description: "Explore our curated marble and granite collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg",
|
||||
},
|
||||
title: "Premium Surfaces", description: "Explore our curated marble and granite collection.", imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg"},
|
||||
{
|
||||
title: "Color Palette",
|
||||
description: "Select bespoke tones that define luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334450.jpg",
|
||||
},
|
||||
title: "Color Palette", description: "Select bespoke tones that define luxury.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334450.jpg"},
|
||||
{
|
||||
title: "Hardware Finishes",
|
||||
description: "Fine-tune details with gold, brass, and matte hardware.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg",
|
||||
},
|
||||
title: "Hardware Finishes", description: "Fine-tune details with gold, brass, and matte hardware.", imageSrc: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg"},
|
||||
]}
|
||||
title="Interactive Design Workshop"
|
||||
description="Play with our premium material library to discover your perfect aesthetic."
|
||||
@@ -175,20 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Facilitated",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Facilitated"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20%",
|
||||
description: "Your Commission Advantage",
|
||||
},
|
||||
id: "m2", value: "20%", description: "Your Commission Advantage"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Transforming Melbourne homes, one commission at a time."
|
||||
@@ -198,49 +140,25 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Resident",
|
||||
company: "Wollert",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Resident", company: "Wollert", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Smith",
|
||||
role: "Homeowner",
|
||||
company: "Melbourne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Smith", role: "Homeowner", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Chan",
|
||||
role: "Client",
|
||||
company: "Wollert",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg",
|
||||
},
|
||||
id: "3", name: "David Chan", role: "Client", company: "Wollert", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Melbourne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",
|
||||
},
|
||||
id: "4", name: "Emma Wilson", role: "Homeowner", company: "Melbourne", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Peter Scott",
|
||||
role: "Client",
|
||||
company: "Wollert",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg",
|
||||
},
|
||||
id: "5", name: "Peter Scott", role: "Client", company: "Wollert", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg"},
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="What Melbourne residents say about Wollbit."
|
||||
@@ -253,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the commission work?",
|
||||
content: "We handle the client acquisition and project management for a transparent 20% commission fee.",
|
||||
},
|
||||
id: "f1", title: "How does the commission work?", content: "We handle the client acquisition and project management for a transparent 20% commission fee."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you based?",
|
||||
content: "We are based in Wollert, Melbourne, focusing on the wider Melbourne region.",
|
||||
},
|
||||
id: "f2", title: "Where are you based?", content: "We are based in Wollert, Melbourne, focusing on the wider Melbourne region."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you do the manual work?",
|
||||
content: "We act as your dedicated bridge to professional, vetted builders who handle the physical execution.",
|
||||
},
|
||||
id: "f3", title: "Do you do the manual work?", content: "We act as your dedicated bridge to professional, vetted builders who handle the physical execution."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with Wollbit Designs."
|
||||
@@ -278,14 +187,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to start your design journey with Wollbit Designs? Connect with us today and let's make your home boom."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us via Nextdoor",
|
||||
href: "https://nextdoor.com",
|
||||
},
|
||||
text: "Contact Us via Nextdoor", href: "https://nextdoor.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -295,29 +201,19 @@ export default function LandingPage() {
|
||||
logoText="WOLLBIT DESIGNS"
|
||||
columns={[
|
||||
{
|
||||
title: "Wollbit",
|
||||
items: [
|
||||
title: "Wollbit", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user