Merge version_1 into main #10
@@ -10,7 +10,7 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Zap, Shield, Star, Award, CheckCircle, ArrowRight, Globe } from 'lucide-react';
|
||||
import { Zap, Shield, Award, Globe } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
@@ -29,31 +29,31 @@ export default function Page() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" />
|
||||
<NavbarLayoutFloatingInline navItems={navItems} brandName="Webild" button={{ text: "Get Started" }} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery title="Excellence in Craft" description="Building the future with precision." mediaItems={[{ imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }]} background={{ variant: "plain" }} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive testimonials={[]} title="Client Stories" textboxLayout="default" />
|
||||
<TestimonialCardFive testimonials={[]} title="Client Stories" description="Our clients' feedback" textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen negativeCard={{ items: ["Item 1", "Item 2"] }} positiveCard={{ items: ["Item 3", "Item 4"] }} animationType="blur-reveal" textboxLayout="default" />
|
||||
<FeatureCardSixteen negativeCard={{ items: ["Item 1", "Item 2"] }} positiveCard={{ items: ["Item 3", "Item 4"] }} animationType="blur-reveal" title="Our Services" description="We provide top-tier solutions." textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardThree metrics={[{ id: "1", icon: Zap, title: "Step 1", value: "100%" }, { id: "2", icon: Shield, title: "Step 2", value: "50%" }]} animationType="blur-reveal" textboxLayout="default" title="Our Process" />
|
||||
<MetricCardThree metrics={[{ id: "1", icon: Zap, title: "Step 1", value: "100%" }, { id: "2", icon: Shield, title: "Step 2", value: "50%" }]} animationType="blur-reveal" textboxLayout="default" title="Our Process" description="How we work" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree products={[{ id: "1", name: "Proj 1", price: "$10", imageSrc: "" }, { id: "2", name: "Proj 2", price: "$20", imageSrc: "" }, { id: "3", name: "Proj 3", price: "$30", imageSrc: "" }]} gridVariant="three-columns-all-equal-width" animationType="blur-reveal" textboxLayout="default" title="Projects" />
|
||||
<ProductCardThree products={[{ id: "1", name: "Proj 1", price: "$10", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { id: "2", name: "Proj 2", price: "$20", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }, { id: "3", name: "Proj 3", price: "$30", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c" }]} gridVariant="three-columns-all-equal-width" animationType="blur-reveal" textboxLayout="default" title="Projects" description="Our recent work" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="craftsmanship" data-section="craftsmanship">
|
||||
<TestimonialAboutCard tag="Art" title="Mastery" description="Crafting quality solutions." subdescription="Defined by our passion." icon={Award} imageSrc="" />
|
||||
<TestimonialAboutCard tag="Art" title="Mastery" description="Crafting quality solutions." subdescription="Defined by our passion." icon={Award} videoSrc="https://www.w3schools.com/html/mov_bbb.mp4" />
|
||||
</div>
|
||||
<div id="assurance" data-section="assurance">
|
||||
<FaqDouble faqs={[{ id: "1", title: "FAQ 1", content: "Ans 1" }]} title="Assurance" faqsAnimation="blur-reveal" textboxLayout="default" />
|
||||
<FaqDouble faqs={[{ id: "1", title: "FAQ 1", content: "Ans 1" }]} title="Assurance" description="Common questions" faqsAnimation="blur-reveal" textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA tag="Get in Touch" title="Ready to Start?" description="Let's build something great." buttons={[{ text: "Contact" }]} background={{ variant: "plain" }} />
|
||||
<ContactCTA tag="Get in Touch" title="Ready to Start?" description="Let's build something great." buttons={[{ text: "Contact" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis logoText="Webild" columns={[{ items: [{ label: "Home" }] }]} />
|
||||
|
||||
Reference in New Issue
Block a user