Merge version_1 into main #1
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=164v9j"
|
||||
logoAlt="Barolo 71 Logo"
|
||||
@@ -66,69 +54,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience the Art of Perfection"
|
||||
description="Barolo 71 brings you handcrafted excellence, blending tradition with modern sophistication. Discover products designed for the discerning."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Discover More", href: "#about"},
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-candles-shine-shelves_1304-5595.jpg"
|
||||
imageAlt="Luxurious Barolo 71 product display"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-studio_23-2149883733.jpg",
|
||||
alt: "Elegant customer avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-posing-studio_23-2149883733.jpg", alt: "Elegant customer avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Satisfied customer avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Satisfied customer avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737731.jpg",
|
||||
alt: "Valued client avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/van-gogh-portrait_23-2149737731.jpg", alt: "Valued client avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-wiccan-symbols_23-2150134137.jpg",
|
||||
alt: "Premium user avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-wiccan-symbols_23-2150134137.jpg", alt: "Premium user avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/cubical-sacred-geometric-figure_1017-2722.jpg",
|
||||
alt: "Distinguished patron avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/cubical-sacred-geometric-figure_1017-2722.jpg", alt: "Distinguished patron avatar 5"},
|
||||
]}
|
||||
avatarText="Join over 10,000 discerning clients worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/yellow-carpet-texture_1373-202.jpg",
|
||||
alt: "Gold shimmer pattern",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/yellow-carpet-texture_1373-202.jpg", alt: "Gold shimmer pattern"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Excellence",
|
||||
},
|
||||
type: "text", text: "Handcrafted Excellence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg",
|
||||
alt: "Abstract elegant texture",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg", alt: "Abstract elegant texture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
type: "text", text: "Timeless Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,9 +99,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Legacy of Craftsmanship"
|
||||
description={[
|
||||
"For generations, Barolo 71 has been synonymous with unparalleled quality and dedication. We meticulously craft each item, ensuring a blend of heritage and innovation.",
|
||||
"Our commitment extends beyond creation; it's about delivering an experience that resonates with passion and precision. Every detail reflects our unwavering pursuit of perfection.",
|
||||
]}
|
||||
"For generations, Barolo 71 has been synonymous with unparalleled quality and dedication. We meticulously craft each item, ensuring a blend of heritage and innovation.", "Our commitment extends beyond creation; it's about delivering an experience that resonates with passion and precision. Every detail reflects our unwavering pursuit of perfection."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,53 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Classic Leather Wallet",
|
||||
price: "$189",
|
||||
variant: "Midnight Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects_23-2149865480.jpg",
|
||||
imageAlt: "Classic Leather Wallet",
|
||||
},
|
||||
id: "product-1", name: "Classic Leather Wallet", price: "$189", variant: "Midnight Black", imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects_23-2149865480.jpg", imageAlt: "Classic Leather Wallet"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Automatic Chronograph Watch",
|
||||
price: "$5,200",
|
||||
variant: "Stainless Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",
|
||||
imageAlt: "Automatic Chronograph Watch",
|
||||
},
|
||||
id: "product-2", name: "Automatic Chronograph Watch", price: "$5,200", variant: "Stainless Steel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg", imageAlt: "Automatic Chronograph Watch"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Handcrafted Fountain Pen",
|
||||
price: "$350",
|
||||
variant: "Rose Gold Trim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-pen-near-notebook-white-surface_181624-15656.jpg",
|
||||
imageAlt: "Handcrafted Fountain Pen",
|
||||
},
|
||||
id: "product-3", name: "Handcrafted Fountain Pen", price: "$350", variant: "Rose Gold Trim", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-pen-near-notebook-white-surface_181624-15656.jpg", imageAlt: "Handcrafted Fountain Pen"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Artisan Ceramic Vase",
|
||||
price: "$299",
|
||||
variant: "Pearl White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg",
|
||||
imageAlt: "Artisan Ceramic Vase",
|
||||
},
|
||||
id: "product-4", name: "Artisan Ceramic Vase", price: "$299", variant: "Pearl White", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg", imageAlt: "Artisan Ceramic Vase"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Italian Silk Scarf",
|
||||
price: "$220",
|
||||
variant: "Abstract Pattern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cat-wallpaper_23-2151836185.jpg",
|
||||
imageAlt: "Italian Silk Scarf",
|
||||
},
|
||||
id: "product-5", name: "Italian Silk Scarf", price: "$220", variant: "Abstract Pattern", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cat-wallpaper_23-2151836185.jpg", imageAlt: "Italian Silk Scarf"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Gourmet Coffee Blend",
|
||||
price: "$45",
|
||||
variant: "Ethiopian Yirgacheffe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-black_114579-16741.jpg",
|
||||
imageAlt: "Gourmet Coffee Blend",
|
||||
},
|
||||
id: "product-6", name: "Gourmet Coffee Blend", price: "$45", variant: "Ethiopian Yirgacheffe", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-black_114579-16741.jpg", imageAlt: "Gourmet Coffee Blend"},
|
||||
]}
|
||||
title="Explore Our Signature Collection"
|
||||
description="Indulge in our exquisite range of products, each a testament to meticulous craftsmanship and superior quality. Find your perfect piece."
|
||||
@@ -210,27 +133,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "20+",
|
||||
title: "Years of Craft",
|
||||
description: "Two decades mastering the art of premium product creation.",
|
||||
icon: Sparkles,
|
||||
id: "metric-1", value: "20+", title: "Years of Craft", description: "Two decades mastering the art of premium product creation.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
description: "Our clients consistently commend our product quality and service.",
|
||||
icon: Diamond,
|
||||
id: "metric-2", value: "99%", title: "Customer Satisfaction", description: "Our clients consistently commend our product quality and service.", icon: Diamond,
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "100%",
|
||||
title: "Handcrafted Quality",
|
||||
description: "Every item is meticulously made by skilled artisans.",
|
||||
icon: Shield,
|
||||
id: "metric-3", value: "100%", title: "Handcrafted Quality", description: "Every item is meticulously made by skilled artisans.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Milestones of Excellence"
|
||||
@@ -244,50 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exquisite Craftsmanship",
|
||||
quote: "Barolo 71's products are simply exquisite. The attention to detail and quality of materials is unmatched. Truly a brand for those who appreciate the finer things.",
|
||||
name: "Isabella Rossi",
|
||||
role: "Art Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
imageAlt: "Isabella Rossi",
|
||||
},
|
||||
id: "1", title: "Exquisite Craftsmanship", quote: "Barolo 71's products are simply exquisite. The attention to detail and quality of materials is unmatched. Truly a brand for those who appreciate the finer things.", name: "Isabella Rossi", role: "Art Collector", imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", imageAlt: "Isabella Rossi"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Unparalleled Service",
|
||||
quote: "From selection to delivery, the experience with Barolo 71 was flawless. Their team is knowledgeable and passionate, making every purchase a delight.",
|
||||
name: "Marco Bianchi",
|
||||
role: "Luxury Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
imageAlt: "Marco Bianchi",
|
||||
},
|
||||
id: "2", title: "Unparalleled Service", quote: "From selection to delivery, the experience with Barolo 71 was flawless. Their team is knowledgeable and passionate, making every purchase a delight.", name: "Marco Bianchi", role: "Luxury Consultant", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", imageAlt: "Marco Bianchi"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Timeless Elegance",
|
||||
quote: "I've purchased several items from Barolo 71, and each one adds a touch of timeless elegance to my collection. They truly understand luxury.",
|
||||
name: "Sofia Gallo",
|
||||
role: "Fashion Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11544.jpg",
|
||||
imageAlt: "Sofia Gallo",
|
||||
},
|
||||
id: "3", title: "Timeless Elegance", quote: "I've purchased several items from Barolo 71, and each one adds a touch of timeless elegance to my collection. They truly understand luxury.", name: "Sofia Gallo", role: "Fashion Designer", imageSrc: "http://img.b2bpic.net/free-photo/pensive-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11544.jpg", imageAlt: "Sofia Gallo"},
|
||||
{
|
||||
id: "4",
|
||||
title: "A Mark of Distinction",
|
||||
quote: "Owning a Barolo 71 piece is a mark of distinction. The quality speaks for itself, and I always receive compliments. Highly recommend!",
|
||||
name: "Giovanni Ricci",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageAlt: "Giovanni Ricci",
|
||||
},
|
||||
id: "4", title: "A Mark of Distinction", quote: "Owning a Barolo 71 piece is a mark of distinction. The quality speaks for itself, and I always receive compliments. Highly recommend!", name: "Giovanni Ricci", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Giovanni Ricci"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Investment in Quality",
|
||||
quote: "Barolo 71 products are an investment in enduring quality. They are not just items, but heirlooms. I couldn't be happier with my purchases.",
|
||||
name: "Elena De Luca",
|
||||
role: "Interior Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg",
|
||||
imageAlt: "Elena De Luca",
|
||||
},
|
||||
id: "5", title: "Investment in Quality", quote: "Barolo 71 products are an investment in enduring quality. They are not just items, but heirlooms. I couldn't be happier with my purchases.", name: "Elena De Luca", role: "Interior Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg", imageAlt: "Elena De Luca"},
|
||||
]}
|
||||
title="Voices of Our Valued Clients"
|
||||
description="Hear what our discerning customers have to say about the Barolo 71 experience and the quality that sets us apart."
|
||||
@@ -299,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxury Living Magazine",
|
||||
"Grand Hotel Collection",
|
||||
"Artisan Guild Alliance",
|
||||
"Elite Connoisseur Society",
|
||||
"Heritage Craft Foundation",
|
||||
"Design Excellence Awards",
|
||||
"Gourmet Confections Inc.",
|
||||
]}
|
||||
"Luxury Living Magazine", "Grand Hotel Collection", "Artisan Guild Alliance", "Elite Connoisseur Society", "Heritage Craft Foundation", "Design Excellence Awards", "Gourmet Confections Inc."]}
|
||||
title="Trusted by Connoisseurs and Partners"
|
||||
description="Our collaborations and endorsements reflect the trust and recognition Barolo 71 has earned in the industry."
|
||||
showCard={true}
|
||||
@@ -319,25 +189,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What materials are used in Barolo 71 products?",
|
||||
content: "We use only the finest quality materials, including genuine Italian leather, ethically sourced gemstones, premium metals, and sustainably harvested woods, ensuring durability and luxury.",
|
||||
},
|
||||
id: "faq-1", title: "What materials are used in Barolo 71 products?", content: "We use only the finest quality materials, including genuine Italian leather, ethically sourced gemstones, premium metals, and sustainably harvested woods, ensuring durability and luxury."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, Barolo 71 proudly offers worldwide shipping. Please note that delivery times and customs duties may vary based on your destination country. Consult our shipping policy for more details.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, Barolo 71 proudly offers worldwide shipping. Please note that delivery times and customs duties may vary based on your destination country. Consult our shipping policy for more details."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day satisfaction guarantee on all products. If you are not entirely pleased with your purchase, you may return it for a full refund or exchange within 30 days of receipt, provided it's in its original condition.",
|
||||
},
|
||||
id: "faq-3", title: "What is your return policy?", content: "We offer a 30-day satisfaction guarantee on all products. If you are not entirely pleased with your purchase, you may return it for a full refund or exchange within 30 days of receipt, provided it's in its original condition."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "How can I care for my Barolo 71 product?",
|
||||
content: "Each product comes with specific care instructions. Generally, we recommend gentle cleaning with appropriate materials and avoiding prolonged exposure to direct sunlight or extreme temperatures to preserve its quality.",
|
||||
},
|
||||
id: "faq-4", title: "How can I care for my Barolo 71 product?", content: "Each product comes with specific care instructions. Generally, we recommend gentle cleaning with appropriate materials and avoiding prolonged exposure to direct sunlight or extreme temperatures to preserve its quality."},
|
||||
]}
|
||||
title="Your Questions, Our Answers"
|
||||
description="Find quick solutions to common inquiries about Barolo 71 products, orders, and services."
|
||||
@@ -349,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect with Us"
|
||||
title="Reach Out to Barolo 71"
|
||||
description="Whether you have a query, a special request, or simply wish to share your experience, we're here to listen."
|
||||
@@ -369,67 +226,41 @@ export default function LandingPage() {
|
||||
logoText="Barolo 71"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Bespoke Items",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Bespoke Items", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Craft",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Craft", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user