Update src/app/page.tsx
This commit is contained in:
268
src/app/page.tsx
268
src/app/page.tsx
@@ -29,26 +29,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
brandName="SILVA HQ"
|
||||
/>
|
||||
</div>
|
||||
@@ -56,112 +46,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Bespoke Joinery for Exceptional Homes"
|
||||
description="Crafting timeless interiors with over 15 years of artisan expertise. Trusted for precision, quality, and style."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914237.jpg",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg?_wi=1",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg?_wi=1",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg?_wi=1",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-talking-cellphone-construction-site_23-2148204026.jpg?_wi=1",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg?_wi=1",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914237.jpg", imageAlt: "Hero 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg", imageAlt: "Hero 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg", imageAlt: "Hero 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg", imageAlt: "Hero 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-talking-cellphone-construction-site_23-2148204026.jpg", imageAlt: "Hero 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg", imageAlt: "Hero 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhausted-carpenter-having-backache-while-working-workshop_637285-11709.jpg?_wi=1",
|
||||
imageAlt: "Hero 7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/screwing-self-tapping-screw-into-metal-fastening-hole-wood-strip-using-screwdriver-work-carpenter_169016-13177.jpg?_wi=1",
|
||||
imageAlt: "Hero 8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg?_wi=1",
|
||||
imageAlt: "Hero 9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-through-window_23-2148116306.jpg?_wi=1",
|
||||
imageAlt: "Hero 10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-holding-takeaway-coffee-cup-outdoors_23-2147941501.jpg?_wi=1",
|
||||
imageAlt: "Hero 11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-makes-wood-sculptures-engraving-lumber-with-tools-using-protective-gear_482257-86386.jpg?_wi=1",
|
||||
imageAlt: "Hero 12",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exhausted-carpenter-having-backache-while-working-workshop_637285-11709.jpg", imageAlt: "Hero 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/screwing-self-tapping-screw-into-metal-fastening-hole-wood-strip-using-screwdriver-work-carpenter_169016-13177.jpg", imageAlt: "Hero 8" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg", imageAlt: "Hero 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-through-window_23-2148116306.jpg", imageAlt: "Hero 10" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-holding-takeaway-coffee-cup-outdoors_23-2147941501.jpg", imageAlt: "Hero 11" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artist-makes-wood-sculptures-engraving-lumber-with-tools-using-protective-gear_482257-86386.jpg", imageAlt: "Hero 12" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-through-window_23-2148116306.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-holding-takeaway-coffee-cup-outdoors_23-2147941501.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/artist-makes-wood-sculptures-engraving-lumber-with-tools-using-protective-gear_482257-86386.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-through-window_23-2148116306.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-holding-takeaway-coffee-cup-outdoors_23-2147941501.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/artist-makes-wood-sculptures-engraving-lumber-with-tools-using-protective-gear_482257-86386.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ luxury homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Solutions",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Artisan Craftsmanship" },
|
||||
{ type: "text", text: "Precision Engineering" },
|
||||
{ type: "text", text: "Timeless Design" },
|
||||
{ type: "text", text: "Bespoke Solutions" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Wardrobes",
|
||||
description: "Custom built-in storage solutions.",
|
||||
tag: "01",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Wardrobes", description: "Custom built-in storage solutions.", tag: "01", imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Kitchens",
|
||||
description: "High-end functional kitchen cabinetry.",
|
||||
tag: "02",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg?_wi=2",
|
||||
},
|
||||
id: "s2", title: "Kitchens", description: "High-end functional kitchen cabinetry.", tag: "02", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Entertainment",
|
||||
description: "Bespoke media console units.",
|
||||
tag: "03",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg?_wi=2",
|
||||
},
|
||||
id: "s3", title: "Entertainment", description: "Bespoke media console units.", tag: "03", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Laundry",
|
||||
description: "Efficient and stylish laundry spaces.",
|
||||
tag: "04",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg?_wi=3",
|
||||
},
|
||||
id: "s4", title: "Laundry", description: "Efficient and stylish laundry spaces.", tag: "04", imageSrc: "http://img.b2bpic.net/free-photo/modern-organizer-cutlery-drawer-premium-kitchen_169016-68988.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Study Nooks",
|
||||
description: "Designed for focus and comfort.",
|
||||
tag: "05",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg?_wi=3",
|
||||
},
|
||||
id: "s5", title: "Study Nooks", description: "Designed for focus and comfort.", tag: "05", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Custom Joinery",
|
||||
description: "Any bespoke architectural request.",
|
||||
tag: "06",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg?_wi=3",
|
||||
},
|
||||
id: "s6", title: "Custom Joinery", description: "Any bespoke architectural request.", tag: "06", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="From concept to completion, we deliver custom joinery tailored to your lifestyle."
|
||||
@@ -222,37 +113,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Measure",
|
||||
description: "Precision site assessment.",
|
||||
tag: "Step 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-talking-cellphone-construction-site_23-2148204026.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", title: "Measure", description: "Precision site assessment.", tag: "Step 1", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-talking-cellphone-construction-site_23-2148204026.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Design",
|
||||
description: "Collaborative aesthetic planning.",
|
||||
tag: "Step 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", title: "Design", description: "Collaborative aesthetic planning.", tag: "Step 2", imageSrc: "http://img.b2bpic.net/free-photo/house-sign-draft_23-2147785570.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Manufacture",
|
||||
description: "Artisan handcrafting.",
|
||||
tag: "Step 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhausted-carpenter-having-backache-while-working-workshop_637285-11709.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", title: "Manufacture", description: "Artisan handcrafting.", tag: "Step 3", imageSrc: "http://img.b2bpic.net/free-photo/exhausted-carpenter-having-backache-while-working-workshop_637285-11709.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
title: "Install",
|
||||
description: "Flawless site integration.",
|
||||
tag: "Step 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/screwing-self-tapping-screw-into-metal-fastening-hole-wood-strip-using-screwdriver-work-carpenter_169016-13177.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", title: "Install", description: "Flawless site integration.", tag: "Step 4", imageSrc: "http://img.b2bpic.net/free-photo/screwing-self-tapping-screw-into-metal-fastening-hole-wood-strip-using-screwdriver-work-carpenter_169016-13177.jpg"},
|
||||
]}
|
||||
title="Our Process"
|
||||
description="A refined journey to create your perfect space."
|
||||
@@ -264,30 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-through-window_23-2148116306.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-looking-through-window_23-2148116306.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-holding-takeaway-coffee-cup-outdoors_23-2147941501.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Emily D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-holding-takeaway-coffee-cup-outdoors_23-2147941501.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg?_wi=3",
|
||||
},
|
||||
id: "t5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-holding-mobile-phone-coffee-cup-waiting-area_107420-95820.jpg"},
|
||||
]}
|
||||
cardTitle="Client Reviews"
|
||||
cardTag="5.0 Rating"
|
||||
@@ -303,19 +160,13 @@ export default function LandingPage() {
|
||||
description="Family-owned since day one, Piero Silva leads our studio with a passion for classic craftsmanship and modern design. We believe a home is a canvas, and our joinery is the architecture that brings it to life."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Integrity",
|
||||
description: "Honest work, honest materials.",
|
||||
},
|
||||
title: "Integrity", description: "Honest work, honest materials."},
|
||||
{
|
||||
title: "Precision",
|
||||
description: "Built to last generations.",
|
||||
},
|
||||
title: "Precision", description: "Built to last generations."},
|
||||
{
|
||||
title: "Artistry",
|
||||
description: "Detail is everything.",
|
||||
},
|
||||
title: "Artistry", description: "Detail is everything."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artist-makes-wood-sculptures-engraving-lumber-with-tools-using-protective-gear_482257-86386.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artist-makes-wood-sculptures-engraving-lumber-with-tools-using-protective-gear_482257-86386.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -324,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Start Your Request"
|
||||
description="Tell us about your home vision, and we will handle the rest."
|
||||
@@ -338,25 +188,17 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user