173 lines
10 KiB
TypeScript
173 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Leaf, MapPin, Recycle, ShieldCheck, Star, TrendingUp } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Collection", id: "products" },
|
|
{ name: "Promise", id: "promise" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Beefurb"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Premium Tech. Sustainable Prices."
|
|
description="Dubai's most trusted source for certified refurbished devices. Meticulously inspected, warrantied, and built to last."
|
|
testimonials={[
|
|
{ name: "Ahmed K.", handle: "@ahmedtech", testimonial: "Excellent service and mint condition iPhone. Been using for 6 months, zero issues.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084001.jpg?_wi=1", imageAlt: "luxury tech retail display" },
|
|
{ name: "Sara M.", handle: "@saratech", testimonial: "Staff at the Karama branch were super helpful. Honest advice, no pressure.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-phone-case-white-surface_187299-47253.jpg?_wi=1", imageAlt: "luxury tech retail display" },
|
|
{ name: "John D.", handle: "@johndubai", testimonial: "Fast, reliable, and way better than buying new. Will come back for upgrades.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-glasses-plant_23-2147768912.jpg?_wi=1", imageAlt: "luxury tech retail display" },
|
|
{ name: "Fatima A.", handle: "@fatimatech", testimonial: "Mint condition MacBook Pro! Best value in Sharjah, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-view-dark-background_187299-35338.jpg?_wi=1", imageAlt: "luxury tech retail display" },
|
|
{ name: "Rahul P.", handle: "@rahulp", testimonial: "Very knowledgeable staff. Helped me pick the right device for my design work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg?_wi=1", imageAlt: "luxury tech retail display" },
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "#products" },
|
|
{ text: "Read Reviews", href: "#reviews" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084001.jpg?_wi=2"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/girl-showing-mobile-phone_23-2147959061.jpg", alt: "Customer portrait 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/person-enjoying-relaxing-time-home_23-2149106984.jpg", alt: "Customer portrait 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-phone_23-2148819888.jpg", alt: "Customer portrait 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-talking-her-smartphone-using-handsfree-feature_23-2149240347.jpg", alt: "Customer portrait 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/person-indian-origin-reading_23-2150285290.jpg", alt: "Customer portrait 5" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Quality Commitment"
|
|
metrics={[
|
|
{ icon: ShieldCheck, label: "Warranty", value: "1-Year" },
|
|
{ icon: Star, label: "Rating", value: "4.9★" },
|
|
{ icon: MapPin, label: "Locations", value: "2 UAE" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "iPhone 15 Pro", price: "AED 3,299", imageSrc: "http://img.b2bpic.net/free-photo/white-phone-case-white-surface_187299-47253.jpg?_wi=2" },
|
|
{ id: "p2", name: "MacBook Pro M2", price: "AED 4,899", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-glasses-plant_23-2147768912.jpg?_wi=2" },
|
|
{ id: "p3", name: "iPad Pro 12.9", price: "AED 2,599", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-perspective-view-dark-background_187299-35338.jpg?_wi=2" },
|
|
{ id: "p4", name: "Apple Watch S9", price: "AED 1,299", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg?_wi=2" },
|
|
{ id: "p5", name: "Dell XPS 13", price: "AED 2,199", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-amidst-stationery_23-2147768899.jpg" },
|
|
{ id: "p6", name: "Lenovo ThinkPad", price: "AED 1,899", imageSrc: "http://img.b2bpic.net/free-photo/ecommerce-concept-smiling-asian-senior-woman-showing-blank-laptop-screen-looking-happy-demonstra_1258-162172.jpg" },
|
|
]}
|
|
title="Premium Collection"
|
|
description="Expertly refurbished tech, curated for performance and longevity."
|
|
/>
|
|
</div>
|
|
|
|
<div id="promise" data-section="promise">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Rigorous Inspection", description: "Our experts test every function, ensuring your device arrives in mint condition.", imageSrc: "http://img.b2bpic.net/free-photo/educational-theme-close-up-student-looking-through-magnifying-glass-book_1150-16611.jpg" },
|
|
{ title: "1-Year Warranty", description: "Confidence comes standard with our comprehensive hardware warranty.", imageSrc: "http://img.b2bpic.net/free-vector/collection-premium-shields_23-2147610664.jpg" },
|
|
{ title: "Expert Guidance", description: "Honest, patient support to help you make the right choice for your needs.", imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4975.jpg" },
|
|
]}
|
|
title="The Beefurb Promise"
|
|
description="We don't just sell tech; we build trust. Every device is backed by our unwavering commitment to quality and service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Asik", role: "Client", testimonial: "Beefurb service is unmatched. Fast and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-holding-phone-with-smart-app-home-lighting-person-apartment-holding-telephone-with-touchscreen-app-lights_482257-12366.jpg" },
|
|
{ id: "2", name: "Mohsin", role: "Client", testimonial: "Honest advice, got my MacBook perfectly set up.", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310955.jpg" },
|
|
{ id: "3", name: "Junaid", role: "Client", testimonial: "Excellent condition iPhone, like new!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-sitting-lecture-hall-working-laptop-wearing-glasses-modern-auditorium-student-education-online-freelancer-smiling-using-smartphone-digital-devices_285396-48.jpg" },
|
|
{ id: "4", name: "Bexy", role: "Client", testimonial: "Very friendly staff at the Karama branch.", imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-wear-holds-mobile-phone-waits-feedback-from-web-store-waits-purchases-carries-shopping-bags-makes-payment-online-strolls-city-outdoors-weekend_273609-56189.jpg" },
|
|
{ id: "5", name: "Nijo", role: "Client", testimonial: "Quick turnaround, staff saved my day.", imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-7874.jpg" },
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Join hundreds of happy tech enthusiasts across Dubai and Sharjah."
|
|
/>
|
|
</div>
|
|
|
|
<div id="sustainability" data-section="sustainability">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", icon: Recycle, title: "E-waste Saved", value: "5000+" },
|
|
{ id: "m2", icon: Leaf, title: "Carbon Reduced", value: "40%" },
|
|
{ id: "m3", icon: TrendingUp, title: "Circular Cycle", value: "100%" },
|
|
]}
|
|
title="Tech for a Greener Planet"
|
|
description="Every refurbished device is one less piece of e-waste in our landfills."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Our Locations"
|
|
description="Drop by our Karama or Sharjah stores for personalized expert support."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
|
{ name: "email", type: "email", placeholder: "support@beefurb.com" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="BEEFURB"
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Sustainability", href: "#" }] },
|
|
{ title: "Contact", items: [{ label: "WhatsApp Dubai", href: "https://wa.me/971523847741" }, { label: "WhatsApp Sharjah", href: "https://wa.me/971521982491" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|