Merge version_1 into main #1
287
src/app/page.tsx
287
src/app/page.tsx
@@ -31,62 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RR Doors"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Entrance to Excellence"
|
||||
description="Crafting premium, durable, and stylish doors that transform the character of your home. Discover the RR Doors difference today."
|
||||
tag="Premium Door Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Products", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-door-with-classic-cream-framed-panels-ornaments-ornamental-red-doorway_169016-70867.jpg",
|
||||
imageAlt: "Modern interior door",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301064.jpg",
|
||||
imageAlt: "Exterior entryway design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445300.jpg",
|
||||
imageAlt: "Japanese house entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-with-ornaments-japan-building_23-2149301101.jpg",
|
||||
imageAlt: "House entrance with ornaments japan building",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-filled-courtyard-rustic-residential-architecture-generative-ai_188544-9543.jpg",
|
||||
imageAlt: "Flower filled courtyard in rustic residential architecture",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-door-with-classic-cream-framed-panels-ornaments-ornamental-red-doorway_169016-70867.jpg", imageAlt: "Modern interior door" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-plants-japanese-culture_23-2149301064.jpg", imageAlt: "Exterior entryway design" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,11 +62,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for Security and Style"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,56 +72,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Craftsmanship",
|
||||
author: "RR Doors",
|
||||
description: "Hand-crafted quality for lasting durability.",
|
||||
tags: [
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door-rustic-style-natural-timber_169016-68238.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Enhanced Security",
|
||||
author: "RR Doors",
|
||||
description: "Protecting what matters most with smart locks.",
|
||||
tags: [
|
||||
"Security",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036901.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Weather Resistant",
|
||||
author: "RR Doors",
|
||||
description: "Built for all climate conditions.",
|
||||
tags: [
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-culture-with-tree_23-2149301062.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Acoustic Insulation",
|
||||
author: "RR Doors",
|
||||
description: "Silence the outside world with superior seals.",
|
||||
tags: [
|
||||
"Comfort",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-antique-wooden-door_23-2147607930.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Eco-Friendly Materials",
|
||||
author: "RR Doors",
|
||||
description: "Sustainable wood sources for a greener home.",
|
||||
tags: [
|
||||
"Green",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-metallic-surface-with-rough-wood-lock_23-2148394641.jpg",
|
||||
},
|
||||
{ id: "1", title: "Precision Craftsmanship", author: "RR Doors", description: "Hand-crafted quality for lasting durability.", tags: ["Quality"], imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-door-rustic-style-natural-timber_169016-68238.jpg" },
|
||||
{ id: "2", title: "Enhanced Security", author: "RR Doors", description: "Protecting what matters most with smart locks.", tags: ["Security"], imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-his-smart-home_23-2149036901.jpg" },
|
||||
{ id: "3", title: "Weather Resistant", author: "RR Doors", description: "Built for all climate conditions.", tags: ["Reliable"], imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japanese-culture-with-tree_23-2149301062.jpg" },
|
||||
{ id: "4", title: "Acoustic Insulation", author: "RR Doors", description: "Silence the outside world with superior seals.", tags: ["Comfort"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-antique-wooden-door_23-2147607930.jpg" },
|
||||
{ id: "5", title: "Eco-Friendly Materials", author: "RR Doors", description: "Sustainable wood sources for a greener home.", tags: ["Green"], imageSrc: "http://img.b2bpic.net/free-photo/aged-metallic-surface-with-rough-wood-lock_23-2148394641.jpg" }
|
||||
]}
|
||||
title="Why Choose RR Doors?"
|
||||
description="Unmatched quality and service for every opening."
|
||||
@@ -175,42 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Oak Door",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-door-with-rusty-handles_1203-1977.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Glass Entry",
|
||||
price: "$1,550",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301111.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Security Steel Door",
|
||||
price: "$900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-locker-gym_53876-165388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Interior",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445312.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "French Patio Door",
|
||||
price: "$2,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-doorway_1308-4867.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Smart Entrance",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/observatory-tower-modern-region-rooftop_1203-6191.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Oak Door", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/wooden-door-with-rusty-handles_1203-1977.jpg" },
|
||||
{ id: "p2", name: "Modern Glass Entry", price: "$1,550", imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301111.jpg" },
|
||||
{ id: "p3", name: "Security Steel Door", price: "$900", imageSrc: "http://img.b2bpic.net/free-photo/indoor-locker-gym_53876-165388.jpg" },
|
||||
{ id: "p4", name: "Minimalist Interior", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445312.jpg" },
|
||||
{ id: "p5", name: "French Patio Door", price: "$2,100", imageSrc: "http://img.b2bpic.net/free-photo/colourful-doorway_1308-4867.jpg" },
|
||||
{ id: "p6", name: "Smart Entrance", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/observatory-tower-modern-region-rooftop_1203-6191.jpg" }
|
||||
]}
|
||||
title="Our Door Collection"
|
||||
description="Explore our curated catalog of premium doors."
|
||||
@@ -223,27 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200+",
|
||||
title: "Doors Installed",
|
||||
description: "Satisfied customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-with-hammer-wall_23-2147766972.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expert craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-with-smile-white-wall-club-night-job-alcohol-bar-drink_140725-122011.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Customer approval.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367126.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1200+", title: "Doors Installed", description: "Satisfied customers.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-with-hammer-wall_23-2147766972.jpg" },
|
||||
{ id: "m2", value: "15+", title: "Years Experience", description: "Expert craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-bartender-posing-with-smile-white-wall-club-night-job-alcohol-bar-drink_140725-122011.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Satisfaction Rate", description: "Customer approval.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367126.jpg" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Excellence in numbers."
|
||||
@@ -256,41 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice T.",
|
||||
handle: "@alicet",
|
||||
testimonial: "Exceptional quality and service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-woman-drinking-coffe-sitting-modern-kitchen-using-laptop-searching-online-work_273443-5206.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
handle: "@bobd",
|
||||
testimonial: "Beautiful door and fast installation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-afro-american-engineer-found-his-woman-coworker-sleeping-workplace_273609-14127.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie R.",
|
||||
handle: "@charrier",
|
||||
testimonial: "Very professional and friendly team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana S.",
|
||||
handle: "@dianas",
|
||||
testimonial: "Highly recommended for home upgrades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward M.",
|
||||
handle: "@edwardm",
|
||||
testimonial: "Quality craftsmanship all around.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice T.", handle: "@alicet", testimonial: "Exceptional quality and service.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-woman-drinking-coffe-sitting-modern-kitchen-using-laptop-searching-online-work_273443-5206.jpg" },
|
||||
{ id: "2", name: "Bob D.", handle: "@bobd", testimonial: "Beautiful door and fast installation.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-afro-american-engineer-found-his-woman-coworker-sleeping-workplace_273609-14127.jpg" },
|
||||
{ id: "3", name: "Charlie R.", handle: "@charrier", testimonial: "Very professional and friendly team.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg" },
|
||||
{ id: "4", name: "Diana S.", handle: "@dianas", testimonial: "Highly recommended for home upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg" },
|
||||
{ id: "5", name: "Edward M.", handle: "@edwardm", testimonial: "Quality craftsmanship all around.", imageSrc: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg" }
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="See why RR Doors is the top choice."
|
||||
@@ -302,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the warranty period?",
|
||||
content: "All our doors come with a 5-year warranty.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer installation?",
|
||||
content: "Yes, we provide professional installation services.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are the doors customizable?",
|
||||
content: "We offer a wide range of colors and materials.",
|
||||
},
|
||||
{ id: "q1", title: "What is the warranty period?", content: "All our doors come with a 5-year warranty." },
|
||||
{ id: "q2", title: "Do you offer installation?", content: "Yes, we provide professional installation services." },
|
||||
{ id: "q3", title: "Are the doors customizable?", content: "We offer a wide range of colors and materials." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -330,23 +155,9 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="Contact us today for a consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-happy-woman-her-office-businesswoman-answering-phone-call-with-cheerful_1258-194760.jpg"
|
||||
/>
|
||||
@@ -356,32 +167,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="RR Doors"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user