Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -15,135 +15,135 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Craft", id: "features" },
|
||||
{ name: "Equipment", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Taste Out"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Craft", id: "features" },
|
||||
{ name: "Equipment", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Taste Out"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Science of Sweetness. The Art of the Churn."
|
||||
description="Karachi’s premier destination for world-class ice cream technology and artisan flavors. Experience the quality that local connoisseurs call \"Incredible.\""
|
||||
buttons={[
|
||||
{ text: "Explore the Collection", href: "#products" },
|
||||
{ text: "Book a Tasting", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baker-hands-pouring-oil-dough-composition_23-2148302923.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Science of Sweetness. The Art of the Churn."
|
||||
description="Karachi’s premier destination for world-class ice cream technology and artisan flavors. Experience the quality that local connoisseurs call \"Incredible.\""
|
||||
buttons={[
|
||||
{ text: "Explore the Collection", href: "#products" },
|
||||
{ text: "Book a Tasting", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baker-hands-pouring-oil-dough-composition_23-2148302923.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Artisan Batches", author: "Taste Out", description: "Best ever tasted. Period.", tags: ["Taste", "Gourmet"], imageSrc: "http://img.b2bpic.net/free-photo/red-pear-with-chocolate-violet-plate-grey-background_114579-50849.jpg" },
|
||||
{ id: "f2", title: "Professional Gear", author: "Taste Out", description: "Build your empire with the best quality in the locality.", tags: ["Technology", "Industrial"], imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096490.jpg" },
|
||||
{ id: "f3", title: "Local Roots", author: "Taste Out", description: "Crafted with passion, locally sourced for Karachi.", tags: ["Karachi", "Community"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-dough-with-seeds_23-2148544660.jpg" }
|
||||
]}
|
||||
title="Dual Mastery"
|
||||
description="At the intersection of culinary art and mechanical precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Artisan Batches", author: "Taste Out", description: "Best ever tasted. Period.", tags: ["Taste", "Gourmet"], imageSrc: "http://img.b2bpic.net/free-photo/red-pear-with-chocolate-violet-plate-grey-background_114579-50849.jpg" },
|
||||
{ id: "f2", title: "Professional Gear", author: "Taste Out", description: "Build your empire with the best quality in the locality.", tags: ["Technology", "Industrial"], imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096490.jpg" },
|
||||
{ id: "f3", title: "Local Roots", author: "Taste Out", description: "Crafted with passion, locally sourced for Karachi.", tags: ["Karachi", "Community"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-dough-with-seeds_23-2148544660.jpg" }
|
||||
]}
|
||||
title="Dual Mastery"
|
||||
description="At the intersection of culinary art and mechanical precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Fouzia Burhan", role: "Local Connoisseur", company: "Karachi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
|
||||
{ id: "2", name: "Ahmed Raza", role: "Parlor Owner", company: "Taste Out", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg" },
|
||||
{ id: "3", name: "Sara Khan", role: "Dessert Enthusiast", company: "Karachi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864210.jpg" },
|
||||
{ id: "4", name: "Usman Malik", role: "Local Chef", company: "Artisan Foods", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-food-plate_23-2149631671.jpg" },
|
||||
{ id: "5", name: "Zara Malik", role: "Satisfied Parent", company: "Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-with-someone-cup-tea_140725-4505.jpg" }
|
||||
]}
|
||||
title="Love Letters"
|
||||
description="Heartfelt reviews from our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Fouzia Burhan", role: "Local Connoisseur", company: "Karachi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
|
||||
{ id: "2", name: "Ahmed Raza", role: "Parlor Owner", company: "Taste Out", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg" },
|
||||
{ id: "3", name: "Sara Khan", role: "Dessert Enthusiast", company: "Karachi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864210.jpg" },
|
||||
{ id: "4", name: "Usman Malik", role: "Local Chef", company: "Artisan Foods", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-food-plate_23-2149631671.jpg" },
|
||||
{ id: "5", name: "Zara Malik", role: "Satisfied Parent", company: "Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-with-someone-cup-tea_140725-4505.jpg" }
|
||||
]}
|
||||
title="Love Letters"
|
||||
description="Heartfelt reviews from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "ProSeries", name: "Industrial Churner", price: "$2,500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315173.jpg" },
|
||||
{ id: "p2", brand: "Artisan", name: "Display Case", price: "$1,800", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg" },
|
||||
{ id: "p3", brand: "Secret", name: "Custom Mix", price: "$150", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/measuring-spoons-chocolate-bar-milk-egg-yolk-hazelnut-baking-dish-wooden-textured-background_23-2148087061.jpg" },
|
||||
{ id: "p4", brand: "ProTool", name: "Ice Cream Scoops", price: "$80", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/front-view-stainless-kitchen-tools-lying-side-by-side-soft-blue-wave-background-with-free-space_179666-19942.jpg" },
|
||||
{ id: "p5", brand: "TechPro", name: "Digital Control Panel", price: "$450", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954800.jpg" },
|
||||
{ id: "p6", brand: "Design", name: "Ceramic Display Set", price: "$120", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039385.jpg" }
|
||||
]}
|
||||
title="Featured Equipment"
|
||||
description="Industrial power. Velvet results."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "ProSeries", name: "Industrial Churner", price: "$2,500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-camera_23-2150315173.jpg" },
|
||||
{ id: "p2", brand: "Artisan", name: "Display Case", price: "$1,800", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg" },
|
||||
{ id: "p3", brand: "Secret", name: "Custom Mix", price: "$150", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/measuring-spoons-chocolate-bar-milk-egg-yolk-hazelnut-baking-dish-wooden-textured-background_23-2148087061.jpg" },
|
||||
{ id: "p4", brand: "ProTool", name: "Ice Cream Scoops", price: "$80", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/front-view-stainless-kitchen-tools-lying-side-by-side-soft-blue-wave-background-with-free-space_179666-19942.jpg" },
|
||||
{ id: "p5", brand: "TechPro", name: "Digital Control Panel", price: "$450", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-train-system-passenger-information-display-screen_23-2148954800.jpg" },
|
||||
{ id: "p6", brand: "Design", name: "Ceramic Display Set", price: "$120", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039385.jpg" }
|
||||
]}
|
||||
title="Featured Equipment"
|
||||
description="Industrial power. Velvet results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer equipment maintenance?", content: "Yes, we provide full service support for all machinery purchased through our showroom." },
|
||||
{ id: "q2", title: "Can I request custom flavors?", content: "Absolutely! We pride ourselves on creating bespoke batches for our clients." },
|
||||
{ id: "q3", title: "Where are you located?", content: "Visit our showroom in the heart of Karachi. Check the map below!" }
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about Taste Out."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer equipment maintenance?", content: "Yes, we provide full service support for all machinery purchased through our showroom." },
|
||||
{ id: "q2", title: "Can I request custom flavors?", content: "Absolutely! We pride ourselves on creating bespoke batches for our clients." },
|
||||
{ id: "q3", title: "Where are you located?", content: "Visit our showroom in the heart of Karachi. Check the map below!" }
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about Taste Out."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["InnovateTech", "Gelato Masters", "Karachi Eats", "Artisan Solutions", "Pro Kitchen Gear", "Steel Works Co", "Global Dairy"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with industry leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["InnovateTech", "Gelato Masters", "Karachi Eats", "Artisan Solutions", "Pro Kitchen Gear", "Steel Works Co", "Global Dairy"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with industry leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit our showroom. Excellent taste, even better environment."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit our showroom. Excellent taste, even better environment."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Taste Out"
|
||||
copyrightText="© 2025 Taste Out. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Taste Out"
|
||||
copyrightText="© 2025 Taste Out. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user