bender/2bc8b82f-c1eb-4dbb-815b-caf61f13cce5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781485372115 into main

Browse Source 
Merge version_2_1781485372115 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-15 01:05:18 +00:00
parent d2eccc7e48 2dcf30d729
commit 90a175bcd1
3 changed files with 81 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/components/Layout.tsx
View File

@@ -38,65 +38,8 @@ export default function Layout() {
];
return (
<StyleProvider buttonVariant="elastic" siteBackground="floatingGradient" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarDropdown
logo="The Best Store"
ctaButton={{
text: "Shop Now",
href: "#products",
}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleMedia
brand="The Best Store"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Help",
href: "#",
},
],
},
]}
copyright="© 2024 The Best Store. All rights reserved."
links={[
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/supermarket-trolleys-black-friday-gifts_23-2148663148.jpg?_wi=2"
/>
</SectionErrorBoundary>
</StyleProvider>
<div className="min-h-screen flex items-center justify-center bg-background">
<h1 className="text-4xl font-bold text-foreground">THÉ BEST STORE</h1>
</div>
);
}

309
src/pages/HomePage.tsx
View File

@@ -1,311 +1,22 @@
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesBentoGrid from '@/components/sections/features/FeaturesBentoGrid';
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import { CheckCircle, Shield, Zap } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="Welcome to The Best Store"
title="Quality You Can Trust"
description="Discover a curated collection of the finest products designed to enhance your daily life. Experience shopping as it should be."
primaryButton={{
text: "Shop Now",
href: "#products",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/asian-women-looking-something-phone_23-2149122959.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lobby-with-bookshelf_1262-3517.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-length-couple-sidewalk_329181-4918.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-works-luxurious-clothing-store_482257-76679.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862066.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/national-monument-vitkov-hill-prague-czech-republic_1268-21585.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-thief-stealing-trendy-clothes-running-from-shopping-centre-asian-bodyguard-catches-robber-store-door-threatens-him-with-police-modern-boutique-burglary-concept_482257-65108.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-table-with-tablet_23-2147826839.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/picture-young-lovely-caucasian-female-with-dark-hair-gold-dress-gold-shoes-shows-different-stands-near-beautiful-building_132075-8951.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-outside-store_23-2148238067.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="About Us"
title="Why Choose The Best Store?"
description="We are committed to excellence, providing only the highest quality products backed by unmatched customer support."
items={[
{
icon: CheckCircle,
title: "Premium Quality",
description: "Hand-selected products for every need.",
},
{
icon: Shield,
title: "Secure Shopping",
description: "Your safety is our top priority.",
},
{
icon: Zap,
title: "Fast Delivery",
description: "Get your orders delivered on time.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-clothing-store-employee-verifying-merchandise-stock-device_482257-112802.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBentoGrid
tag="Our Services"
title="What We Offer"
description="Excellence in every interaction, ensuring you get the best out of your shopping experience."
features={[
{
title: "Fast Shipping",
description: "Reliable delivery to your doorstep.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-courier-with-parcel-tablet_23-2147801213.jpg",
},
{
title: "24/7 Support",
description: "Always here to help you shop.",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-baking-kitchen_1303-19277.jpg",
},
{
title: "Certified Goods",
description: "Quality assurance on every item.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-round-plates-four-vibrant-colors-white-background_384344-7182.jpg",
},
{
title: "Great Discounts",
description: "Save big on your favorite items.",
imageSrc: "http://img.b2bpic.net/free-photo/price-tag-icon-shopping-ecommerce-shop-online-store-cartoon-website-icon-sign-symbol-illustration-3d-rendering_56104-1264.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Reviews"
title="What Our Customers Say"
description="See why so many trust us for their shopping needs."
testimonials={[
{
name: "Sarah",
role: "Customer",
quote: "Fantastic service and amazing quality!",
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32441.jpg",
},
{
name: "John",
role: "Customer",
quote: "Highly recommended, definitely the best store.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-stylish-red-dress-holding-shopping-bags-smiling-buying-promo-offe_1258-174602.jpg",
},
{
name: "Emily",
role: "Customer",
quote: "Fast shipping and great prices every time.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-delighted-africanamerican-girl-open-shopping-bad-smiling-pleased-thankin_1258-130311.jpg",
},
{
name: "David",
role: "Customer",
quote: "The quality of products is simply unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-shopping-bags_1303-19307.jpg",
},
{
name: "Anna",
role: "Customer",
quote: "Friendly service, will shop here again.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-young-man-holding-card_23-2148303846.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesRevealCardsBento
tag="Our Products"
title="Bestsellers Collection"
description="Browse through our most popular items available today."
items={[
{
title: "Product 1",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-trolleys-black-friday-gifts_23-2148663148.jpg?_wi=1",
},
{
title: "Product 2",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-shopping-carts-clocks_23-2148312990.jpg",
},
{
title: "Product 3",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-bags-raising-her-arms_23-2147889095.jpg",
},
{
title: "Product 4",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827271.jpg",
},
{
title: "Product 5",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/notebook-beauty-supplies_23-2147778945.jpg",
},
{
title: "Product 6",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-blank-screen-hopping-cart-full-gifts-with-copyspace-online-shopping-concept_1423-92.jpg",
},
{
title: "Product 7",
description: "Description of the premium item.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861884.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingLayeredCards
tag="Pricing"
title="Simple Pricing"
description="Choose the best plan for your shopping journey."
plans={[
{
tag: "Essential",
price: "$19",
description: "Perfect for starters.",
primaryButton: {
text: "Select",
href: "#",
},
features: [
"Feature 1",
"Feature 2",
"Support",
],
},
{
tag: "Pro",
price: "$49",
description: "Best for power users.",
primaryButton: {
text: "Select",
href: "#",
},
features: [
"All Essential",
"Priority Access",
"Premium Support",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="FAQ"
title="Common Questions"
description="Find answers to frequently asked questions here."
items={[
{
question: "What is the return policy?",
answer: "You can return items within 30 days.",
},
{
question: "Do you offer shipping?",
answer: "Yes, we ship globally.",
},
{
question: "How to track orders?",
answer: "Use the link provided in your email.",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact"
text="Need help? Get in touch with us anytime."
primaryButton={{
text: "Email Us",
href: "mailto:support@thebeststore.com",
}}
secondaryButton={{
text: "Call Us",
href: "tel:1234567890",
}}
/>
</SectionErrorBoundary>
</div>
</>
);
}

68
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,68 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplitVerticalMarquee
tag="Welcome to The Best Store"
title="Quality You Can Trust"
description="Discover a curated collection of the finest products designed to enhance your daily life. Experience shopping as it should be."
primaryButton={{
text: "Shop Now",
href: "#products",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/asian-women-looking-something-phone_23-2149122959.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lobby-with-bookshelf_1262-3517.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-length-couple-sidewalk_329181-4918.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-works-luxurious-clothing-store_482257-76679.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862066.jpg",
},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/national-monument-vitkov-hill-prague-czech-republic_1268-21585.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/african-american-thief-stealing-trendy-clothes-running-from-shopping-centre-asian-bodyguard-catches-robber-store-door-threatens-him-with-police-modern-boutique-burglary-concept_482257-65108.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-table-with-tablet_23-2147826839.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/picture-young-lovely-caucasian-female-with-dark-hair-gold-dress-gold-shoes-shows-different-stands-near-beautiful-building_132075-8951.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-outside-store_23-2148238067.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}