248 lines
8.9 KiB
TypeScript
248 lines
8.9 KiB
TypeScript
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
|
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
|
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
|
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
|
import { ShoppingBag, Sparkles, Shirt } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroBrand
|
|
brand="Import with Becca"
|
|
description="Your ultimate source for premium accessories, trendy fashion, luxury perfumes, and innovative lifestyle gadgets. Elevate your everyday style with our hand-picked imports."
|
|
primaryButton={{
|
|
text: "Shop Now",
|
|
href: "#products",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Call us",
|
|
href: "tel:0240628126",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199434.jpg?_wi=1"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutTextSplit
|
|
title="Bringing Global Quality Home"
|
|
descriptions={[
|
|
"Import with Becca started with a passion for finding unique products that bring joy and utility to everyday life. We carefully curate our collection to ensure that every item reflects quality, style, and innovation.",
|
|
"From high-fashion accessories and clothing to the latest electrical gadgets and premium perfumes, we aim to be your first choice for exceptional products that are hard to find elsewhere.",
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesBento
|
|
tag="What we do"
|
|
title="Quality You Can Trust"
|
|
description="We specialize in high-end imports, delivering quality right to your doorstep."
|
|
features={[
|
|
{
|
|
title: "Fashion Forward",
|
|
description: "Hand-picked apparel and accessories for every occasion.",
|
|
bentoComponent: "info-card-marquee",
|
|
infoCards: [
|
|
{
|
|
icon: Shirt,
|
|
label: "Apparel",
|
|
value: "100+",
|
|
},
|
|
{
|
|
icon: Sparkles,
|
|
label: "Accessories",
|
|
value: "50+",
|
|
},
|
|
{
|
|
icon: ShoppingBag,
|
|
label: "Bags",
|
|
value: "30+",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736725.jpg",
|
|
imageAlt: "modern electrical gadget",
|
|
},
|
|
{
|
|
title: "Latest Lifestyle Tech",
|
|
description: "Modern electrical gadgets for a smoother lifestyle.",
|
|
bentoComponent: "media-stack",
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199434.jpg?_wi=2",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/retro-brown-man-leather-bag-bright-colorful-summer-park-hanging-leafes_158538-12266.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-flowers_23-2149270041.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg?_wi=1",
|
|
imageAlt: "modern electrical gadget",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialMarqueeOverlayCards
|
|
tag="Kind words"
|
|
title="Loved by our shoppers"
|
|
description="See why our customers love our curated collections."
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah",
|
|
role: "Customer",
|
|
company: "Client",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Ama",
|
|
role: "Customer",
|
|
company: "Client",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-shopping-bags_23-2148225588.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Efua",
|
|
role: "Customer",
|
|
company: "Client",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Kojo",
|
|
role: "Customer",
|
|
company: "Client",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shop-owner-her-modern-clothing-store-young-african-american-woman-standing-near-hangers-with-male-shirts-trousers-underwear-fashion-clothes-business-startup-shopping-concept_74855-21499.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Naa",
|
|
role: "Customer",
|
|
company: "Client",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughing-walking-after-shopping_23-2147645079.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<SectionErrorBoundary name="products">
|
|
<FeaturesRevealCardsBento
|
|
tag="Our Catalog"
|
|
title="Explore Our Collections"
|
|
description="Discover a diverse range of high-quality products brought directly to you."
|
|
items={[
|
|
{
|
|
title: "Bags",
|
|
description: "Trendy bags for every occasion.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-white-boots-fashionable-woman-posing-city-warm-fur-coat-with-black-leather-bag_285396-4727.jpg",
|
|
},
|
|
{
|
|
title: "Clothes",
|
|
description: "Stylish seasonal apparel.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-hipster-girls_291049-46.jpg",
|
|
},
|
|
{
|
|
title: "Perfume",
|
|
description: "Elegant scents.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfume-flowers-arrangement_23-2149722441.jpg",
|
|
},
|
|
{
|
|
title: "Gadgets",
|
|
description: "Useful tech solutions.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-air-fryer-kitchen-counter-with-warm-lighting_23-2151723458.jpg",
|
|
},
|
|
{
|
|
title: "Jewelry",
|
|
description: "Fine statement pieces.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gold-chains-plants-arrangement-top-view_23-2149836472.jpg",
|
|
},
|
|
{
|
|
title: "Eyewear",
|
|
description: "Contemporary sunglasses.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mug-glasses_23-2147672787.jpg",
|
|
},
|
|
{
|
|
title: "Beauty",
|
|
description: "Select cosmetic essentials.",
|
|
href: "#contact",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176108.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqSplitMedia
|
|
tag="Support"
|
|
title="Have Questions?"
|
|
description="Find answers to common questions about our products and ordering process."
|
|
items={[
|
|
{
|
|
question: "How do I place an order?",
|
|
answer: "You can place an order by calling us directly at 0240628126.",
|
|
},
|
|
{
|
|
question: "Are your products authentic?",
|
|
answer: "Yes, we curate high-quality, authentic products for our customers.",
|
|
},
|
|
{
|
|
question: "Do you deliver?",
|
|
answer: "Yes, we offer reliable delivery services to your preferred location.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-repair-sale-shop_23-2150746462.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Contact us"
|
|
text="Ready to get your favorite items? Call us now to order or ask any questions."
|
|
primaryButton={{
|
|
text: "0240628126",
|
|
href: "tel:0240628126",
|
|
}}
|
|
secondaryButton={{
|
|
text: "WhatsApp Us",
|
|
href: "https://wa.me/233240628126",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|