Merge version_1 into main #1
292
src/app/page.tsx
292
src/app/page.tsx
@@ -32,23 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Al-Fares Appliances"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,92 +49,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Innovation at Al-Fares"
|
||||
description="Transform your home with the latest in advanced appliance technology. We bring quality, reliability, and style to your kitchen and beyond."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ahmed Ali",
|
||||
handle: "@ahmedali",
|
||||
testimonial: "Excellent service and top-tier brands at Al-Fares. My kitchen upgrade was a breeze.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhocyk",
|
||||
},
|
||||
name: "Ahmed Ali", handle: "@ahmedali", testimonial: "Excellent service and top-tier brands at Al-Fares. My kitchen upgrade was a breeze.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhocyk"},
|
||||
{
|
||||
name: "Sara Khalil",
|
||||
handle: "@sarakh",
|
||||
testimonial: "The best showroom in the city. Staff are knowledgeable and helpful.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w6clay",
|
||||
},
|
||||
name: "Sara Khalil", handle: "@sarakh", testimonial: "The best showroom in the city. Staff are knowledgeable and helpful.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w6clay"},
|
||||
{
|
||||
name: "Omar Yousif",
|
||||
handle: "@omary",
|
||||
testimonial: "High quality appliances at competitive prices. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cu1ak",
|
||||
},
|
||||
name: "Omar Yousif", handle: "@omary", testimonial: "High quality appliances at competitive prices. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cu1ak"},
|
||||
{
|
||||
name: "Laila Mahmoud",
|
||||
handle: "@lailam",
|
||||
testimonial: "Fantastic variety and great warranty options.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8f6adi",
|
||||
},
|
||||
name: "Laila Mahmoud", handle: "@lailam", testimonial: "Fantastic variety and great warranty options.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8f6adi"},
|
||||
{
|
||||
name: "Hassan Zaid",
|
||||
handle: "@hzaid",
|
||||
testimonial: "Great experience, very satisfied with my new fridge.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g88sez",
|
||||
},
|
||||
name: "Hassan Zaid", handle: "@hzaid", testimonial: "Great experience, very satisfied with my new fridge.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g88sez"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhh5l8"
|
||||
imageAlt="luxury kitchen appliance showroom display"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhh5l8",
|
||||
alt: "smiling customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qhh5l8", alt: "smiling customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lq4ua6",
|
||||
alt: "professional man portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lq4ua6", alt: "professional man portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l50vmj",
|
||||
alt: "elegant woman portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l50vmj", alt: "elegant woman portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2myii",
|
||||
alt: "man lifestyle portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2myii", alt: "man lifestyle portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9auqp",
|
||||
alt: "happy family portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9auqp", alt: "happy family portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5-Year Warranty",
|
||||
},
|
||||
type: "text", text: "5-Year Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Delivery",
|
||||
},
|
||||
type: "text", text: "Free Delivery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authorized Dealer",
|
||||
},
|
||||
type: "text", text: "Authorized Dealer"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Best Price Guarantee",
|
||||
},
|
||||
type: "text", text: "Best Price Guarantee"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,9 +105,7 @@ export default function LandingPage() {
|
||||
title="Your Trusted Partner for Home Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Showroom",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Showroom", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,34 +117,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Reliability",
|
||||
title: "Top Tier Brands",
|
||||
items: [
|
||||
"Global quality leaders",
|
||||
"Official partnerships",
|
||||
"Trusted warranties",
|
||||
],
|
||||
id: "f1", label: "Reliability", title: "Top Tier Brands", items: [
|
||||
"Global quality leaders", "Official partnerships", "Trusted warranties"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Service",
|
||||
title: "Expert Guidance",
|
||||
items: [
|
||||
"Professional consultants",
|
||||
"Personalized recommendations",
|
||||
"Post-purchase support",
|
||||
],
|
||||
id: "f2", label: "Service", title: "Expert Guidance", items: [
|
||||
"Professional consultants", "Personalized recommendations", "Post-purchase support"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Technology",
|
||||
title: "Modern Innovation",
|
||||
items: [
|
||||
"Latest smart tech",
|
||||
"Energy efficiency",
|
||||
"Advanced convenience",
|
||||
],
|
||||
id: "f3", label: "Technology", title: "Modern Innovation", items: [
|
||||
"Latest smart tech", "Energy efficiency", "Advanced convenience"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Al-Fares?"
|
||||
@@ -210,59 +142,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "BrandX",
|
||||
name: "Smart Refrigerator",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6fqzbp",
|
||||
},
|
||||
id: "p1", brand: "BrandX", name: "Smart Refrigerator", price: "$1,200", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6fqzbp"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "BrandY",
|
||||
name: "Front Load Washer",
|
||||
price: "$850",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ty49",
|
||||
},
|
||||
id: "p2", brand: "BrandY", name: "Front Load Washer", price: "$850", rating: 4,
|
||||
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=04ty49"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "BrandZ",
|
||||
name: "Induction Hob",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swytpv",
|
||||
},
|
||||
id: "p3", brand: "BrandZ", name: "Induction Hob", price: "$450", rating: 5,
|
||||
reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swytpv"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "BrandX",
|
||||
name: "Smart Dishwasher",
|
||||
price: "$700",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xh5oa8",
|
||||
},
|
||||
id: "p4", brand: "BrandX", name: "Smart Dishwasher", price: "$700", rating: 4,
|
||||
reviewCount: "80", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xh5oa8"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "BrandY",
|
||||
name: "Convection Oven",
|
||||
price: "$600",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fi8y2q",
|
||||
},
|
||||
id: "p5", brand: "BrandY", name: "Convection Oven", price: "$600", rating: 5,
|
||||
reviewCount: "55", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fi8y2q"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "BrandZ",
|
||||
name: "Air Conditioner",
|
||||
price: "$1,100",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uv2zty",
|
||||
},
|
||||
id: "p6", brand: "BrandZ", name: "Air Conditioner", price: "$1,100", rating: 4,
|
||||
reviewCount: "60", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uv2zty"},
|
||||
]}
|
||||
title="Explore Our Catalog"
|
||||
description="Browse our latest high-performance home appliances."
|
||||
@@ -276,20 +172,11 @@ export default function LandingPage() {
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m2", value: "10k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Product Models",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Product Models"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -302,40 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Great range of products and helpful staff.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wwwxj",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Great range of products and helpful staff.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wwwxj"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Very satisfied with my purchase and service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1713k6",
|
||||
},
|
||||
id: "t2", name: "John D.", handle: "@johnd", testimonial: "Very satisfied with my purchase and service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1713k6"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Professional and high-quality appliances.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ypaq7",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Professional and high-quality appliances.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ypaq7"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Al-Fares made our home improvement easy.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5vbwdr",
|
||||
},
|
||||
id: "t4", name: "David K.", handle: "@davidk", testimonial: "Al-Fares made our home improvement easy.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5vbwdr"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Michael L.",
|
||||
handle: "@michaell",
|
||||
testimonial: "Best service in town, thank you!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cw6q9r",
|
||||
},
|
||||
id: "t5", name: "Michael L.", handle: "@michaell", testimonial: "Best service in town, thank you!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cw6q9r"},
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="What our clients say about us."
|
||||
@@ -348,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer installation?",
|
||||
content: "Yes, we provide professional installation services for all purchased appliances.",
|
||||
},
|
||||
id: "q1", title: "Do you offer installation?", content: "Yes, we provide professional installation services for all purchased appliances."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the warranty policy?",
|
||||
content: "All appliances come with manufacturer warranties, and we offer extended support plans.",
|
||||
},
|
||||
id: "q2", title: "What is the warranty policy?", content: "All appliances come with manufacturer warranties, and we offer extended support plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer home delivery?",
|
||||
content: "Absolutely, we provide reliable delivery and setup services to your doorstep.",
|
||||
},
|
||||
id: "q3", title: "Do you offer home delivery?", content: "Absolutely, we provide reliable delivery and setup services to your doorstep."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our showroom and services."
|
||||
@@ -373,14 +226,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to upgrade your home? Visit our showroom or get in touch with our team today to discover the perfect solution for your lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -391,33 +241,21 @@ export default function LandingPage() {
|
||||
logoText="Al-Fares"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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